:root{--theme-primary: #6366f1;--theme-secondary: #a855f7;--theme-bg: #0F172A}.theme-lavender{--theme-primary: #8b5cf6;--theme-bg: #f5f3ff}.theme-mint{--theme-primary: #10b981;--theme-bg: #f0fdf4}.theme-peach{--theme-primary: #f97316;--theme-bg: #fff7ed}@layer utilities{.perspective{perspective:1000px}.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.my-rotate-y-180{transform:rotateY(180deg)}}body{font-family:Poppins,sans-serif;transition:background-color .3s ease,color .3s ease;background-color:var(--theme-bg);-webkit-user-select:none;-moz-user-select:none;user-select:none}.glass{background:#ffffffb3;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.dark .glass{background:#0f172ab3;border:1px solid rgba(255,255,255,.05)}.gradient-primary{background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-secondary) 100%)}.gradient-text{background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-title{background:linear-gradient(90deg,#7c5cff,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.scrollbar-hide::-webkit-scrollbar{display:none}