@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-color:#030712;--text-color:#f3f4f6;--text-muted:#9ca3af;--accent-color:#6366f1;--accent-gradient:linear-gradient(135deg, #4b5563 0%, #111827 100%);--card-bg:#0a0f1e66;--card-border:#ffffff0d;--glass-blur:blur(24px) saturate(180%);--shadow-glow:0 8px 32px 0 #0000005e;--font-family:"Outfit", "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);font-family:var(--font-family);background:0 0;min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-panel{border-radius:24px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;background:var(--card-bg)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border:1px solid var(--card-border)!important;box-shadow:var(--shadow-glow)!important}.glass-panel:hover{transform:translateY(-4px)scale(1.005);border-color:#6366f159!important;box-shadow:0 20px 40px #00000080,0 0 30px #6366f114!important}.glass-panel:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.4;background:linear-gradient(135deg,#ffffff1a 0%,#6366f140 30%,#06b6d440 70%,#0000 100%);padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-panel:hover:after{opacity:1}.btn-premium{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;color:#fff!important;background:linear-gradient(#ffffff14 0%,#ffffff05 100%),#6366f1!important;border:1px solid #ffffff26!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 1px 2px #0003,0 4px 12px #6366f14d!important}.btn-premium:hover{transform:translateY(-1px)scale(1.01);background:linear-gradient(#ffffff1f 0%,#ffffff0a 100%),#4f46e5!important;border-color:#ffffff40!important;box-shadow:0 1px 2px #0003,0 8px 24px #6366f180!important}.btn-premium:disabled{cursor:not-allowed;opacity:.6;box-shadow:none!important;background:#1f2937!important;border-color:#ffffff0d!important}.btn-premium:active{transform:translateY(1px)scale(.99);box-shadow:0 1px 2px #0003,0 2px 6px #6366f14d!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes pulse-animation{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.pulse-button{animation:2s infinite pulse-animation}.spin{animation:1s linear infinite spin}.reactive-card{border-radius:20px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;background:var(--card-bg)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border:1px solid var(--card-border)!important;box-shadow:var(--shadow-glow)!important}.reactive-card:hover{transform:translateY(-4px)scale(1.01);border-color:#6366f14d!important;box-shadow:0 20px 40px #00000080,0 0 30px #6366f114!important}.reactive-card:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.4;background:linear-gradient(135deg,#ffffff1a 0%,#6366f133 30%,#06b6d433 70%,#0000 100%);padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.reactive-card:hover:after{opacity:1}.btn-figma{color:#fff;cursor:pointer;background:linear-gradient(#ffffff14 0%,#ffffff05 100%),#6366f1;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #0003,0 4px 12px #6366f14d}.btn-figma:hover{background:linear-gradient(#ffffff1f 0%,#ffffff0a 100%),#4f46e5;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 1px 2px #0003,0 8px 24px #6366f180}.btn-figma:active{transform:translateY(1px);box-shadow:0 1px 2px #0003,0 2px 6px #6366f14d}.btn-figma-secondary{color:#e5e7eb;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #0000001a}.btn-figma-secondary:hover{color:#fff;background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.text-glow{background:linear-gradient(135deg,#fff 0%,#a5b4fc 50%,#818cf8 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 40px #6366f126;-webkit-background-clip:text;background-clip:text}.text-glow-cyan{background:linear-gradient(135deg,#fff 0%,#a5f3fc 50%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}