@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050510;color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;margin:0}code{font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,monospace}.glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f0f23b3;border:1px solid #6366f11f;border-radius:16px}.glass-hover:hover{background:#141432d9;border-color:#6366f140;transform:translateY(-2px);transition:all .3s ease}.gradient-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#06b6d4)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#c084fc 40%,#22d3ee);-webkit-background-clip:text;background-clip:text}.gradient-border{border:none;position:relative}.gradient-border:before{background:linear-gradient(135deg,#6366f166,#06b6d466);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.pulse-ring{animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.8)}80%,to{opacity:0;transform:scale(2.2)}}.recording-pulse{animation:recording-pulse 1.2s ease-in-out infinite}@keyframes recording-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.15)}}.score-ring{transition:stroke-dashoffset 2s cubic-bezier(.4,0,.2,1)}.fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-delay-1{animation-delay:.1s;opacity:0}.fade-in-delay-2{animation-delay:.2s;opacity:0}.fade-in-delay-3{animation-delay:.3s;opacity:0}.fade-in-delay-4{animation-delay:.4s;opacity:0}.float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.glow{box-shadow:0 0 40px #6366f126,0 0 80px #6366f10d}.glow-text{text-shadow:0 0 30px #6366f14d}.btn-primary{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#06b6d4);border:none;border-radius:14px;box-shadow:0 8px 32px #6366f159;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.btn-primary:hover{box-shadow:0 12px 40px #6366f180;transform:translateY(-2px)}.btn-secondary{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f2399;border:1px solid #6366f133;border-radius:14px;color:#c7d2fe;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{background:#6366f11a;border-color:#6366f166;transform:translateY(-2px)}.container{margin:0 auto;max-width:1200px;padding:0 24px}.section{padding:100px 0}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f2399;border:1px solid #6366f11a;border-radius:20px;padding:32px;transition:all .3s ease}.card:hover{border-color:#6366f140;box-shadow:0 20px 60px #0000004d;transform:translateY(-4px)}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050510d9;border-bottom:1px solid #6366f11a;position:fixed;top:0;width:100%;z-index:100}.grid-2{grid-gap:20px;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:20px}.grid-3{grid-gap:20px;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.narrative-content h1{color:#e2e8f0;font-size:1.5rem;font-weight:700;margin:1.5rem 0 .75rem}.narrative-content h2{border-bottom:1px solid #6366f126;color:#c7d2fe;font-size:1.25rem;font-weight:600;margin:1.25rem 0 .5rem;padding-bottom:8px}.narrative-content h3{color:#a5b4fc;font-size:1.1rem;font-weight:600;margin:1rem 0 .4rem}.narrative-content p{color:#cbd5e1;font-size:14px;line-height:1.8;margin:.6rem 0}.narrative-content ul{list-style-type:disc;margin:.5rem 0;padding-left:1.5rem}.narrative-content li{color:#cbd5e1;font-size:14px;line-height:1.7;margin:.3rem 0}.narrative-content strong{color:#e2e8f0;font-weight:600}.narrative-content em{color:#a5b4fc;font-style:italic}audio{border-radius:8px;height:40px;outline:none;width:100%}audio::-webkit-media-controls-panel{background:#0f0f23cc}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#050510}::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6366f180}.badge{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:100px;color:#a5b4fc;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 14px}.progress-bar{background:#6366f11a;border-radius:2px;height:4px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#6366f1,#06b6d4);border-radius:2px;height:100%;transition:width .5s ease}
/*# sourceMappingURL=main.7e5a4e02.css.map*/