body{background:#ffffff}.logo{font-size:32px}.logo:before{font-size:36px}.nav-menu{display:flex;list-style:none;gap:30px;align-items:center}.nav-item a{text-decoration:none;color:#333;font-weight:500;padding:10px 15px;border-radius:25px;transition:all .3s ease;position:relative}.nav-item a:hover{background:#4FC3F7;color:white;transform:translateY(-2px);box-shadow:0 5px 15px rgba(79,195,247,.3)}.hero{margin-top:100px;padding:80px 20px;background:linear-gradient(135deg,#ffffff,#f8fdff);position:relative;overflow:hidden}.hero:before{top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,213,79,.1) 0,transparent 70%);animation:float 6s ease-in-out infinite}.hero:after,.hero:before{content:"";position:absolute;border-radius:50%}.hero:after{bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(240,98,146,.1) 0,transparent 70%);animation:float 8s ease-in-out infinite reverse}.hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center;position:relative;z-index:2}.hero-text h1{font-size:56px;font-weight:700;color:#333;margin-bottom:20px;line-height:1.2}.hero-text .highlight{color:#4FC3F7;position:relative}.hero-text .highlight:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:8px;background:rgba(255,213,79,.3);border-radius:4px}.hero-text p{font-size:20px;color:#666;margin-bottom:40px;line-height:1.6}.cta-button{background:linear-gradient(135deg,#FFD54F,#FFC107);color:#333;padding:20px 40px;border:none;border-radius:50px;font-size:20px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px rgba(255,213,79,.3);display:inline-flex;align-items:center;gap:10px;text-decoration:none}.cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(255,213,79,.5)}.cta-button:after{content:"🌟";animation:sparkle 1.5s infinite}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.hero-mascot,.mascot{display:flex;justify-content:center;align-items:center}.mascot{width:350px;height:350px;background:linear-gradient(135deg,#81C784,#66BB6A);border-radius:50%;font-size:120px;animation:wiggle 3s ease-in-out infinite;box-shadow:0 20px 40px rgba(129,199,132,.3);position:relative}.mascot:before{content:"🦕📖";animation:reading 4s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes reading{0%,to{transform:scale(1)}25%{transform:scale(1.05)}75%{transform:scale(.95)}}.start-reading-banner{padding:60px 20px;background:linear-gradient(135deg,#87CEEB,#98D8E8);margin-top:100px}.banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;background:rgba(135,206,235,.3);padding:40px;border-radius:25px;gap:30px}.duck-mascot{font-size:80px;animation:duck-waddle 3s ease-in-out infinite}@keyframes duck-waddle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.banner-text{flex:1 1;text-align:center}.banner-text h2{font-size:36px;font-weight:700;color:#2c5282;margin-bottom:10px}.banner-text p{font-size:18px;color:#4a5568}.start-reading-btn{background:linear-gradient(135deg,#FFD54F,#FFC107);color:#2c5282;padding:20px 40px;border:none;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px rgba(255,213,79,.3)}.start-reading-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(255,213,79,.5)}.choose-book-section{padding:80px 20px;background:#ffffff}.choose-book-container{max-width:1200px;margin:0 auto}.choose-title{text-align:center;font-size:42px;font-weight:700;color:#2c5282;margin-bottom:60px;position:relative}.choose-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:linear-gradient(90deg,#4FC3F7,#F06292);border-radius:2px}.book-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:40px;gap:40px;margin-bottom:60px}.book-card{background:#ffffff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer}.book-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px rgba(0,0,0,.15)}.book-cover{height:250px;background:linear-gradient(135deg,#87CEEB,#98D8E8);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:30px}.waters-cover{background:linear-gradient(135deg,#4FC3F7,#81C784)}.bunny-cover{background:linear-gradient(135deg,#81C784,#FFD54F)}.superhero-cover{background:linear-gradient(135deg,#F06292,#4FC3F7)}.book-illustration{font-size:80px;margin-bottom:20px;animation:book-float 3s ease-in-out infinite}@keyframes book-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.book-title{font-size:20px;font-weight:600;color:white;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.book-read-btn{width:100%;background:linear-gradient(135deg,#FFD54F,#FFC107);color:#2c5282;padding:18px;border:none;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.book-read-btn:hover{background:linear-gradient(135deg,#FFC107,#FF9800)}.interactive-section{padding:80px 20px;background:linear-gradient(135deg,#f8fdff,#ffffff)}.interactive-container{max-width:1200px;margin:0 auto}.story-puzzle-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px}.puzzle-section,.story-section{background:white;border-radius:20px;padding:40px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.puzzle-section h3,.story-section h3{font-size:32px;font-weight:700;color:#2c5282;margin-bottom:30px;text-align:center}.story-display{display:flex;align-items:center;gap:20px;margin-bottom:30px}.story-character{font-size:60px;animation:character-bounce 2s ease-in-out infinite}@keyframes character-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.story-text{flex:1 1}.story-text p{font-size:16px;line-height:1.6;color:#4a5568}.story-progress{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-line{height:100%;width:75%;background:linear-gradient(90deg,#4FC3F7,#81C784);border-radius:4px;animation:progress-fill 3s ease-in-out infinite}@keyframes progress-fill{0%{width:0}to{width:75%}}.puzzle-game{text-align:center}.puzzle-pieces{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px;max-width:200px;margin:0 auto}.puzzle-piece{width:80px;height:80px;background:linear-gradient(135deg,#4FC3F7,#81C784);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:32px;cursor:pointer;transition:all .3s ease;border:3px solid #e2e8f0}.puzzle-piece:hover{transform:scale(1.1);box-shadow:0 5px 20px rgba(79,195,247,.3)}.puzzle-piece:nth-child(2){background:linear-gradient(135deg,#F06292,#FFD54F)}.puzzle-piece:nth-child(3){background:linear-gradient(135deg,#81C784,#4FC3F7)}.puzzle-piece:nth-child(4){background:linear-gradient(135deg,#FFD54F,#F06292)}.share-report-section{padding:80px 20px;background:#ffffff}.share-report-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px}.report-section,.share-thoughts{text-align:center}.report-section h3,.share-thoughts h3{font-size:32px;font-weight:700;color:#2c5282;margin-bottom:30px}.report-card,.thoughts-card{background:linear-gradient(135deg,#fffbf0,#fff8e1);border-radius:20px;padding:40px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.report-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.report-icon,.thoughts-icon{font-size:48px;margin-bottom:20px}.thoughts-card p{font-size:16px;color:#4a5568;margin-bottom:20px}.thoughts-input{width:100%;height:100px;padding:15px;border:2px solid #e2e8f0;border-radius:15px;font-size:14px;font-family:Poppins,sans-serif;resize:vertical;margin-bottom:20px}.thoughts-input:focus{outline:none;border-color:#4FC3F7;box-shadow:0 0 0 3px rgba(79,195,247,.1)}.download-report-btn,.share-btn{background:linear-gradient(135deg,#4FC3F7,#81C784);color:white;padding:15px 30px;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px rgba(79,195,247,.3)}.download-report-btn{background:linear-gradient(135deg,#F06292,#FFD54F);box-shadow:0 8px 25px rgba(240,98,146,.3)}.download-report-btn:hover,.share-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(79,195,247,.5)}.download-report-btn:hover{box-shadow:0 12px 35px rgba(240,98,146,.5)}.report-stats{display:flex;justify-content:space-around;margin-bottom:30px}.stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:32px;font-weight:700;color:#2c5282}.stat-label{font-size:12px;color:#4a5568;font-weight:500}.games-teaser{padding:80px 20px;background:linear-gradient(135deg,#f8fdff,#ffffff)}.games-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center}.games-text h2{font-size:42px;font-weight:700;color:#333;margin-bottom:20px}.games-text p{font-size:18px;color:#666;margin-bottom:30px;line-height:1.6}.games-button{background:linear-gradient(135deg,#F06292,#FFD54F);color:white;padding:18px 35px;border:none;border-radius:50px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px rgba(240,98,146,.3);display:inline-flex;align-items:center;gap:10px;text-decoration:none}.games-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(240,98,146,.5)}.puzzle-illustration{display:flex;justify-content:center;align-items:center;font-size:180px;animation:puzzle-spin 8s linear infinite}@keyframes puzzle-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bedtime-section{padding:80px 20px;background:linear-gradient(135deg,rgba(79,195,247,.1),rgba(240,98,146,.1));position:relative}.bedtime-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center}.bedtime-illustration{display:flex;justify-content:center;align-items:center;font-size:150px;animation:gentle-sway 4s ease-in-out infinite}@keyframes gentle-sway{0%,to{transform:translateX(0)}50%{transform:translateX(10px)}}.bedtime-text h2{font-size:42px;font-weight:700;color:#333;margin-bottom:20px}.bedtime-text p{font-size:18px;color:#666;margin-bottom:30px;line-height:1.6}.bedtime-button{background:linear-gradient(135deg,#81C784,#4FC3F7);color:white;padding:18px 35px;border:none;border-radius:50px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px rgba(129,199,132,.3);display:inline-flex;align-items:center;gap:10px;text-decoration:none}.bedtime-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(129,199,132,.5)}.progress-section{padding:80px 20px;background:#ffffff}.progress-content{max-width:800px;margin:0 auto;text-align:center}.progress-title{font-size:36px;font-weight:700;color:#333;margin-bottom:40px}.progress-bar-container{background:#f0f0f0;height:20px;border-radius:10px;overflow:hidden;margin-bottom:40px;position:relative}.progress-bar{background:linear-gradient(90deg,#4FC3F7,#81C784,#FFD54F,#F06292);height:100%;width:65%;border-radius:10px;animation:progress-glow 2s ease-in-out infinite alternate}@keyframes progress-glow{0%{box-shadow:0 0 10px rgba(79,195,247,.5)}to{box-shadow:0 0 20px rgba(79,195,247,.8)}}.progress-text{font-size:18px;color:#666;margin-bottom:40px}.badges-container{gap:20px;flex-wrap:wrap}.badge,.badges-container{display:flex;justify-content:center}.badge{width:80px;height:80px;border-radius:50%;align-items:center;font-size:32px;box-shadow:0 8px 20px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer}.badge:hover{transform:translateY(-5px) scale(1.1)}.badge:first-child{background:linear-gradient(135deg,#FFD54F,#FFC107)}.badge:nth-child(2){background:linear-gradient(135deg,#4FC3F7,#03A9F4)}.badge:nth-child(3){background:linear-gradient(135deg,#F06292,#E91E63)}.badge:nth-child(4){background:linear-gradient(135deg,#81C784,#4CAF50)}.footer{background:#333;color:white;padding:60px 20px 30px}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:40px;gap:40px}.footer-section h3{font-size:20px;font-weight:600;margin-bottom:20px;color:#4FC3F7}.footer-section li,.footer-section p{color:#ccc;line-height:1.6;margin-bottom:10px}.footer-section ul{list-style:none}.footer-section a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#4FC3F7}.footer-bottom{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid #444;color:#999}@media (max-width:768px){.hero-content{grid-template-columns:1fr;text-align:center;gap:40px}.hero-text h1{font-size:36px}.nav-menu{gap:15px}.nav-item a{padding:8px 12px;font-size:14px}.bedtime-content,.games-content{grid-template-columns:1fr;text-align:center}.book-selection-grid,.share-report-container,.story-puzzle-grid{grid-template-columns:1fr;gap:30px}.mascot{width:250px;height:250px;font-size:80px}.banner-content{flex-direction:column;text-align:center;gap:20px}.duck-mascot{font-size:60px}.banner-text h2{font-size:28px}.choose-title{font-size:32px}.puzzle-pieces{grid-template-columns:1fr 1fr;gap:10px}.puzzle-piece{width:60px;height:60px;font-size:24px}}.floating-stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.star{position:absolute;color:#FFD54F;font-size:20px;animation:twinkle 3s infinite}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#faf7f0,#ffffff);min-height:100vh;overflow-x:hidden}.header{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 0;z-index:1000;box-shadow:0 2px 20px rgba(79,195,247,.1)}.nav-container{max-width:1200px;margin:0 auto;justify-content:space-between;padding:0 20px}.logo,.nav-container{display:flex;align-items:center}.logo{font-size:28px;font-weight:700;color:#4FC3F7;text-decoration:none;gap:10px}.logo:before{content:"📚";font-size:32px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.logout-btn{background:linear-gradient(135deg,#F06292,#FF7043);color:white;padding:10px 20px;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(240,98,146,.3);display:none}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(240,98,146,.4)}.logout-btn.visible{display:inline-block}.page-container{margin-top:100px;min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.shape{position:absolute;border-radius:50%;opacity:.1;animation:float 8s ease-in-out infinite}.shape:first-child{width:100px;height:100px;background:#FFD54F;top:20%;left:10%;animation-delay:0s}.shape:nth-child(2){width:60px;height:60px;background:#4FC3F7;top:60%;right:15%;animation-delay:2s}.shape:nth-child(3){width:80px;height:80px;background:#F06292;bottom:30%;left:20%;animation-delay:4s}.shape:nth-child(4){width:120px;height:120px;background:#81C784;top:10%;right:20%;animation-delay:6s}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}.auth-container{background:white;border-radius:25px;box-shadow:0 20px 60px rgba(0,0,0,.1);padding:50px;max-width:500px;width:100%;text-align:center;position:relative;z-index:10}.auth-mascot{font-size:120px;margin-bottom:20px;animation:mascot-welcome 3s ease-in-out infinite}@keyframes mascot-welcome{0%,to{transform:scale(1) rotate(-5deg)}50%{transform:scale(1.1) rotate(5deg)}}.auth-title{font-size:36px;font-weight:700;color:#2c5282;margin-bottom:10px}.auth-subtitle{font-size:16px;color:#4a5568;margin-bottom:40px;line-height:1.5}.auth-form{text-align:left}.form-group{margin-bottom:25px;position:relative}.form-label{display:block;font-weight:600;color:#2c5282;margin-bottom:8px;font-size:14px}.form-input{width:100%;padding:15px 20px;border:2px solid #e2e8f0;border-radius:15px;font-size:16px;font-family:Poppins,sans-serif;transition:all .3s ease;background:#f8f9fa}.form-input:focus{outline:none;border-color:#4FC3F7;background:white;box-shadow:0 0 0 3px rgba(79,195,247,.1);transform:translateY(-1px)}.form-input.valid{border-color:#81C784;background:#f0f9ff}.form-input.invalid{border-color:#F06292;background:#fef2f2}.password-container{position:relative}.password-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;cursor:pointer;color:#4a5568;transition:all .3s ease}.password-toggle:hover{color:#4FC3F7;transform:translateY(-50%) scale(1.1)}.password-strength{margin-top:8px;font-size:12px;color:#4a5568}.strength-bar{height:4px;background:#e2e8f0;border-radius:2px;margin-top:5px;overflow:hidden}.strength-fill{height:100%;border-radius:2px;transition:all .3s ease;width:0}.strength-weak .strength-fill{width:33%;background:#F06292}.strength-medium .strength-fill{width:66%;background:#FFD54F}.strength-strong .strength-fill{width:100%;background:#81C784}.form-error{color:#F06292;font-size:12px;margin-top:5px;display:flex}.form-error.show{display:block;animation:error-shake .5s ease-in-out}@keyframes error-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.caps-warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:8px 12px;border-radius:8px;font-size:12px;margin-top:5px;display:none}.caps-warning.show{display:block;animation:caps-fade-in .3s ease-in-out}@keyframes caps-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.checkbox-container{display:flex;align-items:center;gap:10px;margin-bottom:30px}.checkbox-input{width:18px;height:18px;border:2px solid #e2e8f0;border-radius:4px;cursor:pointer;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:white;transition:all .3s ease}.checkbox-input:checked{background:#4FC3F7;border-color:#4FC3F7}.checkbox-input:checked:after{content:"✓";position:absolute;color:white;font-size:12px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-label{font-size:14px;color:#4a5568;cursor:pointer}.btn-primary{width:100%;background:linear-gradient(135deg,#FFD54F,#FFC107);color:#2c5282;padding:18px;border:none;border-radius:15px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px rgba(255,213,79,.3);margin-bottom:20px;position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(255,213,79,.5)}.btn-primary:active{transform:translateY(-1px)}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.btn-primary:active:before{width:300px;height:300px}.btn-secondary{width:100%;background:white;color:#4FC3F7;border:2px solid #4fc3f7;padding:18px;border-radius:15px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.btn-secondary:hover{background:#4FC3F7;color:white;transform:translateY(-2px);box-shadow:0 8px 25px rgba(79,195,247,.3)}.google-btn{width:100%;background:white;color:#4a5568;border:2px solid #e2e8f0;padding:18px;border-radius:15px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:30px;display:flex;align-items:center;justify-content:center;gap:12px}.google-btn:hover{border-color:#4285f4;color:#4285f4;transform:translateY(-2px);box-shadow:0 8px 25px rgba(66,133,244,.2)}.google-btn:before{font-size:20px}.auth-link{color:#4FC3F7;text-decoration:none;font-weight:600;font-size:14px;transition:all .3s ease}.auth-link:hover{color:#2c5282;text-decoration:underline}.auth-links{text-align:center;margin-top:20px}.auth-links p{color:#4a5568;font-size:14px;margin-bottom:10px}.forgot-password{display:block;margin-top:15px;color:#F06292;font-size:14px;font-weight:500}.forgot-password:hover{color:#E91E63}.success-container{text-align:center}.success-mascot{font-size:150px;margin-bottom:30px;animation:success-celebration 2s ease-in-out infinite}@keyframes success-celebration{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}.success-title{font-size:32px;font-weight:700;color:#81C784;margin-bottom:15px}.success-message{font-size:16px;color:#4a5568;margin-bottom:30px;line-height:1.6}@media (max-width:768px){.auth-container{padding:30px 25px;margin:20px}.auth-mascot{font-size:80px}.auth-title{font-size:28px}.form-input{padding:12px 16px;font-size:16px}.btn-primary,.btn-secondary,.google-btn{padding:15px;font-size:16px}.success-mascot{font-size:100px}.success-title{font-size:24px}}.loading{position:relative;color:transparent!important}.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border-radius:50%;border:2px solid #ffffff;border-top-color:transparent;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.page{display:none}.page.active{display:block}.confetti{position:fixed;width:10px;height:10px;background:#FFD54F;border-radius:50%;pointer-events:none;z-index:10000;animation:confetti-fall 3s linear forwards}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(2turn);opacity:0}}