:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark;color:#f9fafb;background-color:#020617}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}.app-root{min-height:100vh;display:flex;align-items:stretch;justify-content:center;padding:1.5rem}.app-gradient{background:radial-gradient(circle at top,#7f1d1d 0,#0a0a0a 60%)}.landing-card{max-width:480px;width:100%;margin:auto;padding:2.5rem 2rem}.app-title{font-size:2.2rem;margin-bottom:.5rem}.app-subtitle{font-size:.95rem;color:#d1d5db;margin-bottom:1.5rem}.email-form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.email-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}.email-input{padding:.75rem .9rem;border-radius:999px;border:1px solid rgba(148,163,184,.6);background-color:#0f172ae6;color:#e5e7eb;font-size:.95rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.email-input:focus{border-color:#dc2626;box-shadow:0 0 0 1px #dc262666;background-color:#0f172af2}.email-input::placeholder{color:#6b7280}.primary-button,.secondary-button{border-radius:999px;padding:.7rem 1.4rem;border:none;font-size:.95rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;white-space:nowrap;transition:transform .1s ease,box-shadow .1s ease,background-color .1s ease,opacity .15s ease}.primary-button{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;box-shadow:0 12px 30px #dc262680}.primary-button:hover{transform:translateY(-1px);box-shadow:0 18px 40px #dc262699}.primary-button:active{transform:translateY(0);box-shadow:0 6px 16px #dc262699}.primary-button.large{padding-inline:2rem;padding-block:.85rem;font-size:1rem}.secondary-button{background:#0f172ae6;color:#e5e7eb;border:1px solid rgba(148,163,184,.6)}.secondary-button:hover{background:#0f172a}.primary-button:disabled,.secondary-button:disabled{opacity:.6;pointer-events:none}.error-text{color:#fecaca;font-size:.85rem;margin-top:.25rem}.tiny-text{margin-top:1rem;font-size:.75rem;color:#9ca3af}.slideshow-shell{width:100%;max-width:960px;margin:auto;padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:1.25rem;position:relative;z-index:10}.progress-bars{display:flex;gap:.35rem;width:100%}.progress-bar-container{flex:1;height:3px;background:#94a3b84d;border-radius:999px;overflow:hidden;cursor:pointer;position:relative}.progress-bar{height:100%;width:0%;background:#94a3b880;border-radius:inherit;transition:width .3s ease}.progress-bar.complete,.progress-bar.active{width:100%;background:#dc2626}.slideshow-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.logo-text{font-size:1.2rem;font-weight:700}.logo-subtext{font-size:.75rem;color:#9ca3af}.slideshow-main{position:relative;display:flex;align-items:stretch}.slide-card{width:100%;padding:1.5rem 1.3rem;overflow:hidden;position:relative}.slide-bg-decorations{position:fixed;inset:0;pointer-events:none;z-index:1;animation:fadeSlideIn .26s ease-out}.decoration-medal{position:absolute;top:15%;right:10%;width:clamp(150px,15vw,250px);height:clamp(150px,15vw,250px);opacity:.6;animation:floatSlow 6s ease-in-out infinite}.decoration-podium{position:absolute;bottom:20%;left:8%;width:clamp(120px,12vw,200px);height:clamp(120px,12vw,200px);opacity:.5;animation:floatSlow 8s ease-in-out infinite reverse}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}.decoration-microphone{position:absolute;top:20%;left:12%;width:clamp(100px,10vw,160px);height:clamp(120px,12vw,190px);opacity:.6;animation:floatSlow 7s ease-in-out infinite}.decoration-star-1{position:absolute;top:12%;right:15%;width:clamp(40px,5vw,70px);height:clamp(40px,5vw,70px);animation:twinkle 3s ease-in-out infinite}.decoration-star-2{position:absolute;bottom:25%;right:8%;width:clamp(35px,4vw,60px);height:clamp(35px,4vw,60px);animation:twinkle 4s ease-in-out infinite 1s}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1) rotate(0)}50%{opacity:.6;transform:scale(1.1) rotate(180deg)}}.decoration-speech-1{position:absolute;top:18%;right:10%;width:clamp(90px,10vw,140px);height:clamp(70px,8vw,110px);animation:floatSlow 5s ease-in-out infinite}.decoration-speech-2{position:absolute;bottom:22%;right:12%;width:clamp(70px,8vw,110px);height:clamp(55px,6vw,85px);animation:floatSlow 6s ease-in-out infinite reverse 1s}.decoration-chart{position:absolute;bottom:18%;left:8%;width:clamp(110px,11vw,170px);height:clamp(110px,11vw,170px);animation:floatSlow 7s ease-in-out infinite}.decoration-quote-left{position:absolute;top:15%;left:8%;width:clamp(50px,6vw,90px);height:clamp(50px,6vw,90px);opacity:.5}.decoration-thought{position:absolute;top:20%;right:10%;width:clamp(110px,12vw,180px);height:clamp(90px,10vw,150px);animation:floatSlow 6s ease-in-out infinite}.decoration-mask{position:absolute;bottom:20%;left:10%;width:clamp(90px,9vw,140px);height:clamp(90px,9vw,140px);animation:floatSlow 8s ease-in-out infinite reverse}.decoration-confetti-1{position:absolute;top:15%;left:15%;width:clamp(25px,3vw,40px);height:clamp(25px,3vw,40px);animation:confettiFall 4s ease-in-out infinite}.decoration-confetti-2{position:absolute;top:25%;right:20%;width:clamp(20px,2.5vw,35px);height:clamp(20px,2.5vw,35px);animation:confettiFall 3.5s ease-in-out infinite .5s}.decoration-confetti-3{position:absolute;top:35%;left:25%;width:clamp(22px,2.8vw,38px);height:clamp(22px,2.8vw,38px);animation:confettiFall 4.5s ease-in-out infinite 1s}.decoration-confetti-4{position:absolute;bottom:30%;right:15%;width:clamp(24px,3vw,40px);height:clamp(24px,3vw,40px);animation:confettiFall 3.8s ease-in-out infinite 1.5s}.decoration-confetti-5{position:absolute;bottom:40%;left:18%;width:clamp(20px,2.5vw,35px);height:clamp(20px,2.5vw,35px);animation:confettiFall 4.2s ease-in-out infinite .8s}.decoration-arrow-forward{position:absolute;bottom:15%;right:12%;width:clamp(100px,10vw,160px);height:clamp(60px,6vw,95px);animation:slideForward 2s ease-in-out infinite}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:.5}50%{opacity:.7}to{transform:translateY(20px) rotate(360deg);opacity:.4}}@keyframes slideForward{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.slide-animate{animation:fadeSlideIn .26s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.slide-inner{display:flex;flex-direction:column;height:100%;gap:.75rem;position:relative;z-index:1}.slide-center{justify-content:center;align-items:center;text-align:center}.slide-title{font-size:1.6rem;margin:0}.slide-subtitle{font-size:.95rem;color:#d1d5db;margin:0 0 .5rem}.slide-highlight{font-size:1.1rem;margin-top:.5rem}.slide-footnote{margin-top:auto;font-size:.75rem;color:#9ca3af}.pill{align-self:flex-start;padding:.25rem .7rem;border-radius:999px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;background:#7f1d1d80;color:#fca5a5}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-top:.25rem}.stat-card{padding:.75rem;border-radius:16px;background:#0f172ae6;border:1px solid rgba(148,163,184,.4)}.stat-value{font-size:1.1rem;font-weight:600}.stat-label{font-size:.8rem;color:#9ca3af}.theme-list{display:flex;flex-direction:column;gap:.65rem;margin-top:.5rem}.theme-row{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center}.theme-rank{font-size:.9rem;color:#fca5a5;font-weight:600}.theme-main{display:flex;flex-direction:column;gap:.2rem}.theme-name{font-size:.95rem}.theme-bar{position:relative;width:100%;height:6px;background:#0f172acc;border-radius:999px;overflow:hidden}.theme-bar-fill{position:absolute;height:100%;border-radius:inherit;background:linear-gradient(90deg,#dc2626,#991b1b)}.theme-score{font-size:.85rem;color:#e5e7eb}.personality-line{font-size:1.05rem;margin-top:.75rem}.personality-extra{font-size:.9rem;color:#e5e7eb}.nav-arrow{position:fixed;top:0;bottom:0;width:20%;max-width:250px;border:none;background:transparent;color:transparent;font-size:3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:background-color .25s ease,color .25s ease}.nav-arrow.left{left:0;justify-content:flex-start;padding-left:2rem}.nav-arrow.right{right:0;justify-content:flex-end;padding-right:2rem}.nav-arrow:hover:not(:disabled){background:#0000004d;color:#ffffffe6}.nav-arrow:active:not(:disabled){background:#0006}.nav-arrow:disabled{cursor:default;pointer-events:none}@media(max-width:768px){.nav-arrow{width:50%;max-width:none;pointer-events:none;display:none}}.slideshow-footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.dots{display:flex;gap:.4rem;flex-wrap:wrap}.dot{width:9px;height:9px;border-radius:999px;border:none;background:#94a3b880;cursor:pointer;padding:0;transition:width .12s ease,background-color .12s ease}.dot-active{width:20px;background:linear-gradient(90deg,#dc2626,#991b1b)}.hint-text{font-size:.75rem;color:#9ca3af}.key-pill{padding:.08rem .4rem;border-radius:999px;border:1px solid rgba(148,163,184,.6);font-size:.7rem}@media(max-width:480px){.slide-card{padding:1.25rem 1rem}.slide-title{font-size:1.35rem}}