@import "https://fonts.cdnfonts.com/css/cubano";
:root{--color-primary:#4ade80;--color-accent:#a78bfa;--color-danger:#f87171;--color-dark:#030a03;--color-darker:#000;--color-surface:#0d1f0d;--color-surface-light:#1a3a1a;--gradient-primary:linear-gradient(135deg, #4ade80 0%, #22c55e 50%, #16a34a 100%);--gradient-accent:linear-gradient(135deg, #a78bfa 0%, #d946ef 100%);--gradient-dark:linear-gradient(135deg, #030a03 0%, #000 100%);--font-display:"Bricolage Grotesque", sans-serif;--font-mono:"Space Mono", monospace;--font-body:"DM Sans", sans-serif;--spacing-unit:8px;--transition-fast:.2s cubic-bezier(.34, 1.56, .64, 1);--transition-smooth:.4s cubic-bezier(.25, .46, .45, .94);--transition-slow:.8s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-darker);color:#e2e8f0;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{font-size:clamp(48px,8vw,120px)}h2{font-size:clamp(36px,5vw,72px)}h3{font-size:clamp(24px,3vw,42px)}p{color:#cbd5e1;font-size:16px;line-height:1.7}a{transition:all var(--transition-fast);text-decoration:none}button{cursor:pointer;font-family:var(--font-body);transition:all var(--transition-fast);border:none;font-weight:500}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}::selection{background:var(--color-accent);color:var(--color-darker)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-20px)rotate(2deg)}66%{transform:translateY(10px)rotate(-1deg)}}@keyframes glow{0%,to{box-shadow:0 0 20px #4ade804d,0 0 40px #4ade801a}50%{box-shadow:0 0 30px #4ade8080,0 0 60px #4ade8033}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes orbit{0%{transform:rotate(0)translate(80px)rotate(0)}to{transform:rotate(360deg)translate(80px)rotate(-360deg)}}.animate-fade-in{animation:.6s ease-out forwards fadeInUp}.animate-fade-in-down{animation:.6s ease-out forwards fadeInDown}.animate-slide-left{animation:.6s ease-out forwards slideInLeft}.animate-slide-right{animation:.6s ease-out forwards slideInRight}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse{animation:3s ease-in-out infinite pulse}.animate-glow{animation:3s ease-in-out infinite glow}.stagger>*{opacity:0;animation:.6s ease-out forwards fadeInUp}.stagger>:first-child{animation-delay:.1s}.stagger>:nth-child(2){animation-delay:.2s}.stagger>:nth-child(3){animation-delay:.3s}.stagger>:nth-child(4){animation-delay:.4s}.stagger>:nth-child(5){animation-delay:.5s}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid #e2e8f01a}.glass-strong{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bd9;border:1px solid #e2e8f026}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-accent{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{letter-spacing:.5px;transition:all var(--transition-fast);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:var(--color-darker);box-shadow:0 8px 24px #4ade8040}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #4ade8059}.btn-secondary{color:var(--color-primary);border:1px solid var(--color-primary);background:#4ade801a}.btn-secondary:hover{background:#4ade8033;box-shadow:0 0 20px #4ade8033}.btn-accent{background:var(--gradient-accent);color:#fff;box-shadow:0 8px 24px #d946ef40}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 12px 32px #d946ef59}.card{background:var(--color-surface);transition:all var(--transition-smooth);border:1px solid #e2e8f01a;border-radius:12px;padding:24px}.card:hover{border-color:#4ade804d;transform:translateY(-4px);box-shadow:0 12px 40px #4ade801a}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.container{max-width:1280px;margin:0 auto;padding:0 20px}.section{padding:80px 20px}@media (max-width:768px){.section{padding:60px 20px}h1{font-size:clamp(36px,6vw,72px)}h2{font-size:clamp(28px,4vw,48px)}}input,textarea{color:#e2e8f0;font-family:var(--font-body);transition:all var(--transition-fast);background:#e2e8f00d;border:1px solid #e2e8f01a;border-radius:8px;padding:12px 16px}input::placeholder,textarea::placeholder{color:#e2e8f066}input:focus,textarea:focus{border-color:var(--color-primary);background:#e2e8f014;outline:none;box-shadow:0 0 20px #4ade8026}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.mt-8{margin-top:32px}.mb-8{margin-bottom:32px}.gap-4{gap:16px}.gap-6{gap:24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}@media (max-width:768px){.hide-mobile{display:none}.btn{padding:10px 20px;font-size:13px}}.backdrop-blur{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
