@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#04010a;color:#f5f4ff}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(82,39,255,.25),transparent 35%),#04010a}#root{min-height:100vh}a{color:inherit}button{font-family:inherit}.lock-screen{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden;background:radial-gradient(circle at 50% 50%,#020014,#000)}.lock-screen__background{position:absolute;inset:0;z-index:-1}.lock-screen__overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#5227ff40,#05010bd9 65%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lock-screen__content{position:relative;z-index:1;text-align:center;max-width:600px;width:100%;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.1s;opacity:0;transform:translateY(20px);will-change:transform,opacity;-webkit-font-smoothing:antialiased;backface-visibility:hidden;perspective:1000px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.lock-screen__option,.lock-screen__content,.lock-screen__cat-content{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@media(prefers-reduced-motion:reduce){.lock-screen,.lock-screen__content,.lock-screen__option,.lock-screen__cat-popup{animation:none!important;transition:none!important}.lock-screen:not(.lock-screen--loading){opacity:1;visibility:visible}.lock-screen__content{opacity:1;transform:none}}.lock-screen__question{margin-bottom:3rem}.lock-screen__title{font-size:clamp(3rem,8vw,5rem);margin:0 0 1rem;background:linear-gradient(135deg,#f4f4ff,#5ffbf1,#5227ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;font-weight:700;text-shadow:0 0 40px rgba(82,39,255,.5)}.lock-screen__subtitle{font-size:1.2rem;color:#ffffffb3;margin:0;letter-spacing:.1em}.lock-screen__options{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.lock-screen__option{padding:1.25rem 2rem;font-size:1.1rem;border:2px solid rgba(255,255,255,.2);border-radius:1rem;background:#01041899;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#f4f4ff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;position:relative;overflow:hidden;transform:translateZ(0);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.lock-screen__option:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#5227ff4d,#5ffbf133);opacity:0;transition:opacity .3s ease}.lock-screen__option:hover:not(:disabled):before{opacity:1}.lock-screen__option:hover:not(:disabled){transform:translateY(-2px);border-color:#fff6;box-shadow:0 10px 30px #5227ff4d}.lock-screen__option:disabled{cursor:not-allowed;opacity:.6}.lock-screen__option.selected{border-color:#5ffbf199;box-shadow:0 0 30px #5ffbf166}.lock-screen__option.correct{border-color:#7fff67cc;background:#7fff6726;box-shadow:0 0 40px #7fff6780;animation:correctPulse .5s ease}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.lock-screen__option.wrong{border-color:#ff6464cc;background:#ff646426;box-shadow:0 0 40px #ff646480;animation:wrongShake .5s ease}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.lock-screen__error{color:#ff9696e6;font-size:1rem;margin:0;animation:fadeIn .3s ease}.lock-screen__cat-popup{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .3s ease forwards;opacity:0;will-change:opacity;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer}.lock-screen__cat-content{position:relative;background:#010418f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.2);border-radius:2rem;padding:2rem;max-width:500px;width:100%;text-align:center;animation:slideUp .4s cubic-bezier(.16,1,.3,1);cursor:default}.lock-screen__cat-close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border:none;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;color:#f4f4ff;font-size:1.75rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.lock-screen__cat-close:hover{background:#fff3;transform:rotate(90deg)}.lock-screen__cat-image{width:100%;max-width:400px;height:auto;border-radius:1rem;margin-bottom:1rem;box-shadow:0 20px 40px #00000080}.lock-screen__cat-text{font-size:1.2rem;color:#ffffffe6;margin:0;font-style:italic}@media(max-width:640px){.lock-screen__title{font-size:clamp(2.5rem,10vw,4rem)}.lock-screen__option{padding:1rem 1.5rem;font-size:1rem}.lock-screen__options{gap:1rem}.lock-screen__cat-content{padding:1.5rem;max-width:90%}.lock-screen__cat-close{top:.75rem;right:.75rem;width:2rem;height:2rem;font-size:1.5rem}.lock-screen__cat-text{font-size:1rem}}.app-shell{min-height:100vh;padding:clamp(1.5rem,2vw,3rem);color:#f4f4ff;position:relative;overflow:hidden}.aurora-wrapper{position:fixed;inset:0;z-index:-2;pointer-events:none}.aurora-canvas{width:100%;height:100%}.aurora-overlay{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.25),transparent 55%),radial-gradient(circle at 80% 0%,rgba(82,39,255,.45),transparent 45%),linear-gradient(180deg,#03051959,#05010b 65%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);mix-blend-mode:screen}.hero{max-width:960px;margin:0 auto 3rem;text-align:left}.hero__eyebrow{letter-spacing:.25em;text-transform:uppercase;font-size:.75rem;color:#ffffffb3}.hero__title{font-size:clamp(2.75rem,6vw,4.5rem);margin:1rem 0;line-height:1.05}.hero__lede{font-size:1.2rem;max-width:720px;color:#f4f4ffd9}.hero__metrics{margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.metric{padding:1.25rem;border-radius:1rem;background:#ffffff12;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1)}.metric__label{text-transform:uppercase;font-size:.7rem;letter-spacing:.2em;margin-bottom:.5rem;color:#ffffffad}.metric__value{font-size:1.5rem;margin:0}.metric__value.countdown-value{font-family:Courier New,monospace;font-variant-numeric:tabular-nums;letter-spacing:.1em;color:#7cff67}.metric__detail{margin:.35rem 0 0;color:#ffffffa6}.pinned-panel{position:sticky;top:1rem;z-index:2;margin-bottom:2rem}.pinned-panel__content{padding:1.75rem;border-radius:1.5rem;background:#010418a6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 60px #05010b8c}.pinned-panel__label{text-transform:uppercase;letter-spacing:.3em;font-size:.7rem;margin-bottom:.5rem;color:#ffffff80}.pinned-panel__title{font-size:clamp(1.8rem,4vw,2.8rem);margin:0 0 1rem}.pinned-panel__body{margin:0 0 1rem;color:#fafaffd9}.pinned-panel__badge{padding:.35rem .9rem;border-radius:999px;background:linear-gradient(120deg,#5227ffcc,#7fff67b3);font-size:.75rem;text-transform:uppercase;letter-spacing:.2em}.scroll-sections{display:flex;flex-direction:column;gap:2.5rem;padding-bottom:4rem}.note-card,.playlist-card,.cta-card{position:relative;will-change:transform;transition:transform .6s ease-out}.note-card__inner,.playlist-card__inner,.cta-card__inner{padding:clamp(1.5rem,3vw,2.5rem);border-radius:1.5rem;border:1px solid rgba(255,255,255,.12);background:#030519b3;box-shadow:0 20px 45px #02020a73;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.note-card:hover .note-card__inner{transform:translateY(-4px);box-shadow:0 25px 55px #5227ff4d;border-color:#fff3}.note-card__lead{text-transform:uppercase;letter-spacing:.25em;font-size:.7rem;color:#ffffff80;margin-bottom:.75rem}.note-card__title{margin:0 0 .75rem;font-size:1.8rem}.note-card__body{margin:0 0 1rem;color:#fafaffcc;line-height:1.7}.note-card__tag{padding:.35rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.25);font-size:.75rem}.playlist-card__eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.25em;color:#fff9}.playlist-card h3{margin:.5rem 0 1rem;font-size:2rem}.player-frame{position:relative;padding-top:56.25%;border-radius:1.25rem;overflow:hidden;border:1px solid rgba(255,255,255,.15);margin:1.25rem 0}.player-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.playlist-card__tip{font-size:.9rem;color:#ffffffa6}.video-section{position:relative;will-change:transform;transition:transform .6s ease-out}.video-wrapper{padding:clamp(1.5rem,3vw,2.5rem);border-radius:1.5rem;border:1px solid rgba(255,255,255,.12);background:#030519b3;box-shadow:0 20px 45px #02020a73}.video-section:hover .video-wrapper{transform:translateY(-4px);box-shadow:0 25px 55px #5227ff4d;border-color:#fff3}.site-footer{margin-top:3rem;text-align:center;color:#fff9;font-size:.9rem}.deploy-hints{margin-top:.5rem;display:inline-flex;gap:.35rem;align-items:center;flex-wrap:wrap}.deploy-hints code{background:#ffffff1a;padding:.2rem .55rem;border-radius:.5rem}.card-modal-overlay{position:fixed;inset:0;z-index:1000;background:#05010bd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card-modal{position:relative;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;background:#010418f2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);border-radius:2rem;box-shadow:0 40px 80px #0009;animation:slideUp .4s cubic-bezier(.16,1,.3,1);margin:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.card-modal__close{position:absolute;top:1.25rem;right:1.25rem;width:2.5rem;height:2.5rem;border:none;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;color:#f4f4ff;font-size:1.75rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.card-modal__close:hover{background:#fff3;transform:rotate(90deg)}.card-modal__content{padding:3rem 2.5rem 2.5rem}.card-modal__main{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:start}.card-modal__main.has-images{grid-template-columns:1fr 1fr}.card-modal__text{min-width:0}.card-modal__lead{text-transform:uppercase;letter-spacing:.3em;font-size:.75rem;margin-bottom:.75rem;color:#ffffff80}.card-modal__title{font-size:clamp(2rem,5vw,3rem);margin:0 0 1.5rem;line-height:1.2}.card-modal__body{font-size:1.15rem;line-height:1.8;margin:0 0 1.5rem;color:#fafaffe6}.card-modal__tag{display:inline-block;padding:.4rem 1rem;border-radius:999px;background:linear-gradient(120deg,#5227ffcc,#7fff67b3);font-size:.75rem;text-transform:uppercase;letter-spacing:.2em}.card-modal__images{display:flex;flex-direction:column;gap:1.25rem;max-height:70vh;overflow-y:auto;padding-right:.5rem}.card-modal__images::-webkit-scrollbar{width:6px}.card-modal__images::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.card-modal__images::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.card-modal__images::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.card-modal__image-wrapper{position:relative;width:100%;border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:#0003;transition:transform .3s ease,box-shadow .3s ease}.card-modal__image-wrapper:hover{transform:translateY(-2px);box-shadow:0 10px 30px #5227ff4d}.card-modal__image{width:100%;height:auto;display:block;object-fit:cover;border-radius:1rem}@media(max-width:640px){.hero__metrics{grid-template-columns:1fr}.pinned-panel{top:.5rem}.card-modal{max-width:100%;border-radius:1.5rem;max-height:95vh}.card-modal__content{padding:2.5rem 1.75rem 2rem}.card-modal__main{grid-template-columns:1fr;gap:2rem}.card-modal__images{max-height:50vh;order:-1}.card-modal__close{top:1rem;right:1rem;width:2.25rem;height:2.25rem;font-size:1.5rem}}