:root{--color-primary: #06b6d4;--color-primary-dark: #0891b2;--color-secondary: #8b5cf6;--color-accent: #22d3ee;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-dark-bg: #0a0a0f;--color-dark-card: #111827;--color-dark-border: #1f2937}*{border-color:#1f2937}html{scroll-behavior:smooth}body{background-color:#0a0a0f;color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;margin:0;min-height:100vh;overflow-x:hidden}::selection{background-color:#06b6d44d;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:var(--color-dark-bg)}::-webkit-scrollbar-thumb{background-color:var(--color-dark-border);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:#4b5563}.glass{background-color:#ffffff0d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1)}.glass-card{background-color:#ffffff0d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem}.gradient-text{background:linear-gradient(to right,var(--color-primary),var(--color-accent),var(--color-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.glow{box-shadow:0 0 20px #06b6d44d,0 0 40px #06b6d41a}.glow-purple{box-shadow:0 0 20px #8b5cf64d,0 0 40px #8b5cf61a}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(to right,var(--color-primary),var(--color-accent));color:#fff;font-weight:600;border-radius:.75rem;transition:all .3s;border:none;cursor:pointer}.btn-primary:hover{box-shadow:0 10px 15px -3px #06b6d440}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.75rem 1.5rem;background-color:var(--color-dark-card);border:1px solid var(--color-dark-border);color:#fff;font-weight:600;border-radius:.75rem;transition:all .3s;cursor:pointer}.btn-secondary:hover{border-color:#06b6d480;background-color:#1f293780}.input-field{width:100%;background-color:var(--color-dark-card);border:1px solid var(--color-dark-border);border-radius:.75rem;padding:.75rem 1rem;color:#fff;transition:all .3s}.input-field::placeholder{color:#6b7280}.input-field:focus{outline:none;border-color:#06b6d480;box-shadow:0 0 0 2px #06b6d433}.section-title{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:1rem}@media(min-width:768px){.section-title{font-size:2.25rem}}.section-subtitle{color:#9ca3af;text-align:center;max-width:42rem;margin-left:auto;margin-right:auto;margin-bottom:3rem}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-slow{animation:pulse 4s cubic-bezier(.4,0,.6,1) infinite}.animate-glow{animation:glow 2s ease-in-out infinite alternate}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%{box-shadow:0 0 20px #06b6d433}to{box-shadow:0 0 40px #06b6d466}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:shimmer 2s infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-float,.animate-pulse-slow,.animate-glow,.animate-shimmer{animation:none!important}}.skeleton{background:linear-gradient(90deg,var(--color-dark-card) 25%,var(--color-dark-border) 50%,var(--color-dark-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.magnetic-btn{transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.tilt-card{transform-style:preserve-3d;transition:transform .3s ease}.tilt-card:hover{transform:perspective(1000px) rotateX(2deg) rotateY(2deg) translateY(-4px)}.hover-glow:hover{box-shadow:0 0 30px #06b6d466}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}img{opacity:1;transition:opacity .3s ease}img[loading]{opacity:0}