:root{--primary-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--secondary-gradient: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);--tertiary-gradient: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--quaternary-gradient: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--bg-base: #0f0f23;--bg-radial: radial-gradient(circle at 20% 80%, rgba(79, 70, 229, .4) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(236, 72, 153, .4) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(124, 58, 237, .3) 0%, transparent 50%);--glass-white: rgba(255, 255, 255, .15);--glass-white-light: rgba(255, 255, 255, .08);--glass-white-strong: rgba(255, 255, 255, .25);--glass-dark: rgba(0, 0, 0, .2);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--text-light: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--success: #10b981;--success-glass: rgba(16, 185, 129, .15);--warning: #f59e0b;--warning-glass: rgba(245, 158, 11, .15);--error: #ef4444;--error-glass: rgba(239, 68, 68, .15);--info: #3b82f6;--info-glass: rgba(59, 130, 246, .15);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .4);--shadow-soft: 0 4px 15px rgba(0, 0, 0, .2);--shadow-hover: 0 8px 25px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(124, 58, 237, .3);--space-xs: clamp(.25rem, .5vw, .5rem);--space-sm: clamp(.5rem, 1vw, 1rem);--space-md: clamp(1rem, 2vw, 2rem);--space-lg: clamp(1.5rem, 3vw, 3rem);--space-xl: clamp(2rem, 4vw, 4rem);--space-2xl: clamp(3rem, 6vw, 6rem);--card-padding: clamp(1rem, 2.5vw, 2.5rem);--section-padding: clamp(1.5rem, 3vw, 3rem);--text-base: clamp(.875rem, .5vw + .75rem, 1.125rem);--text-sm: clamp(.75rem, .5vw + .625rem, 1rem);--text-xs: clamp(.7rem, .4vw + .6rem, .875rem);--text-lg: clamp(1.125rem, 1vw + .875rem, 1.5rem);--h1: clamp(2rem, 2.5vw + .5rem, 3.5rem);--h2: clamp(1.75rem, 2vw + .75rem, 2.75rem);--h3: clamp(1.5rem, 1.5vw + .75rem, 2.25rem);--h4: clamp(1.25rem, 1vw + .75rem, 1.875rem);--h5: clamp(1.125rem, .75vw + .75rem, 1.5rem);--hero-title: clamp(2.5rem, 3vw + 1rem, 4.5rem);--section-title: clamp(2rem, 2vw + 1rem, 3.25rem);--btn-padding-y: clamp(.5rem, 1vw, .875rem);--btn-padding-x: clamp(1rem, 1.5vw, 1.75rem);--btn-font-size: clamp(.875rem, .5vw + .75rem, 1rem);--card-radius: clamp(12px, 1.5vw, 24px);--card-min-height: clamp(200px, 30vh, 400px);--icon-sm: clamp(1rem, 1.5vw, 1.5rem);--icon-md: clamp(1.5rem, 2vw, 2.5rem);--icon-lg: clamp(2rem, 3vw, 3.5rem);--icon-xl: clamp(3rem, 5vw, 5rem);--gap-xs: clamp(.25rem, .5vw, .5rem);--gap-sm: clamp(.5rem, 1vw, 1rem);--gap-md: clamp(1rem, 2vw, 2rem);--gap-lg: clamp(1.5rem, 2.5vw, 2.5rem);--gap-xl: clamp(2rem, 3vw, 3rem);--header-height: clamp(60px, 8vh, 80px);--max-width: 1400px;--max-width-narrow: 800px}.glass{background:var(--glass-white);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-glass)}@media (min-width: 1024px) and (prefers-reduced-motion: no-preference){.glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}.glass-strong{background:var(--glass-white-strong);border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-glass)}@media (min-width: 1024px) and (prefers-reduced-motion: no-preference){.glass-strong{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}}.glass-dark{background:var(--glass-dark);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-glass)}@media (min-width: 1024px) and (prefers-reduced-motion: no-preference){.glass-dark{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}.glass-blue{background:#4f46e526;border:1px solid rgba(79,70,229,.3);box-shadow:0 8px 32px #4f46e533}@media (min-width: 1024px) and (prefers-reduced-motion: no-preference){.glass-blue{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.glass-purple{background:#7c3aed26;border:1px solid rgba(124,58,237,.3);box-shadow:0 8px 32px #7c3aed33}@media (min-width: 1024px) and (prefers-reduced-motion: no-preference){.glass-purple{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.glass-pink{background:#ec489926;border:1px solid rgba(236,72,153,.3);box-shadow:0 8px 32px #ec489933}@media (min-width: 1024px) and (prefers-reduced-motion: no-preference){.glass-pink{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.glass-cyan{background:#06b6d426;border:1px solid rgba(6,182,212,.3);box-shadow:0 8px 32px #06b6d433}@media (min-width: 1024px) and (prefers-reduced-motion: no-preference){.glass-cyan{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.glass-orange{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);box-shadow:0 8px 32px #f59e0b33}@media (min-width: 1024px) and (prefers-reduced-motion: no-preference){.glass-orange{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.glass-green{background:#22c55e26;border:1px solid rgba(34,197,94,.3);box-shadow:0 8px 32px #22c55e33}@media (min-width: 1024px) and (prefers-reduced-motion: no-preference){.glass-green{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.glass-teal{background:#14b8a626;border:1px solid rgba(20,184,166,.3);box-shadow:0 8px 32px #14b8a633}@media (min-width: 1024px) and (prefers-reduced-motion: no-preference){.glass-teal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.glass-red{background:#ef444426;border:1px solid rgba(239,68,68,.3);box-shadow:0 8px 32px #ef444433}@media (min-width: 1024px) and (prefers-reduced-motion: no-preference){.glass-red{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeInUp .8s ease-out}.container-fluid{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}.container-narrow{width:100%;max-width:var(--max-width-narrow);margin:0 auto;padding:0 var(--space-md)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0;padding:0}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-base);color:var(--text-primary);line-height:1.6;font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}body:not(:has(.admin-layout)):before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-radial);z-index:-1;pointer-events:none;will-change:transform}h1{font-size:var(--h1);font-weight:700;line-height:1.2;margin-bottom:var(--space-md)}h2{font-size:var(--h2);font-weight:600;line-height:1.3;margin-bottom:var(--space-md)}h3{font-size:var(--h3);font-weight:600;line-height:1.3;margin-bottom:var(--space-sm)}h4{font-size:var(--h4);font-weight:500;line-height:1.4}h5{font-size:var(--h5);font-weight:500;line-height:1.4}p{margin-bottom:var(--space-sm);color:var(--text-secondary)}a{color:inherit;text-decoration:none;transition:color .3s ease,transform .3s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-sm);padding:var(--btn-padding-y) var(--btn-padding-x);font-size:var(--btn-font-size);font-weight:500;border:none;border-radius:var(--card-radius);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--primary-gradient);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--glass-white);color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:var(--glass-white-strong)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid rgba(255,255,255,.3)}.btn-outline:hover{background:var(--glass-white-light);border-color:#ffffff80}section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:var(--section-padding);scroll-snap-align:start}body:not(:has(.admin-layout)) input,body:not(:has(.admin-layout)) textarea,body:not(:has(.admin-layout)) select{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-base);font-family:inherit;color:var(--text-primary);background:var(--glass-white-light);border:1px solid rgba(255,255,255,.2);border-radius:calc(var(--card-radius) * .5);outline:none;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}body:not(:has(.admin-layout)) input:focus,body:not(:has(.admin-layout)) textarea:focus,body:not(:has(.admin-layout)) select:focus{background:var(--glass-white);border-color:#4f46e580;box-shadow:0 0 0 3px #4f46e51a}body:not(:has(.admin-layout)) input::placeholder,body:not(:has(.admin-layout)) textarea::placeholder,body:not(:has(.admin-layout)) select::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:clamp(100px,15vh,200px)}label{display:block;margin-bottom:var(--space-xs);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.card{padding:var(--card-padding);border-radius:var(--card-radius);min-height:var(--card-min-height);transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.loading{display:inline-block;width:clamp(30px,5vw,50px);height:clamp(30px,5vw,50px);border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}