@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--monet-coral: #e8a87c;--monet-peach: #f4c5a0;--monet-blush: #e8c4c4;--monet-lavender: #c5b4d4;--monet-steel: #8b9eb3;--monet-mist: #b8c5d4;--monet-gold: #d4b896;--monet-amber: #c9a86c;--monet-sage: #9ca89e;--monet-meadow: #a8b89c;--monet-sky: #b4c4d8;--monet-cloud: #e8e4e0;--text-primary: #2d3436;--text-secondary: #5a6368;--text-muted: #8b9299;--bg-warm: #fdfbf8;--bg-cream: #f8f6f2;--bg-card: #ffffff;--border-soft: #ebe7e2;--border-whisper: #f4f2ef;--academic: #7b9eb8;--social: #d4a574;--career: #a89ac7}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-warm);color:var(--text-primary);line-height:1.7;font-weight:400;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;background:linear-gradient(180deg,var(--bg-warm) 0%,var(--bg-cream) 50%,#f5f2ed 100%)}.hero-fullscreen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--bg-warm) 0%,rgba(232,168,124,.06) 30%,rgba(197,180,212,.05) 60%,var(--bg-cream) 100%)}.hero-bg-orbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(232,168,124,.35),transparent 70%);top:-10%;left:-5%;animation:orbFloat1 20s ease-in-out infinite alternate}.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(197,180,212,.3),transparent 70%);bottom:-5%;right:-5%;animation:orbFloat2 18s ease-in-out infinite alternate}.orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(139,158,179,.25),transparent 70%);top:40%;right:20%;animation:orbFloat3 22s ease-in-out infinite alternate}@keyframes orbFloat1{0%{transform:translate(0) scale(1)}to{transform:translate(60px,40px) scale(1.15)}}@keyframes orbFloat2{0%{transform:translate(0) scale(1)}to{transform:translate(-50px,-30px) scale(1.1)}}@keyframes orbFloat3{0%{transform:translate(0) scale(1)}to{transform:translate(-40px,50px) scale(1.2)}}.shooting-star{position:absolute;top:20%;left:-10%;width:180px;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(232,168,124,.15) 20%,rgba(197,180,212,.5) 50%,rgba(232,168,124,.8) 80%,rgba(212,184,150,.95) 100%);border-radius:100px;opacity:0;z-index:2;filter:drop-shadow(0 0 4px rgba(232,168,124,.5)) drop-shadow(0 0 10px rgba(197,180,212,.3));animation:shootStar 6s ease-in-out infinite}.shooting-star:before{content:"";position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:#f4c5a0f2;box-shadow:0 0 6px 2px #e8a87cb3,0 0 16px 4px #c5b4d466}.shooting-star.star-2{width:120px;height:1.5px;top:60%;left:-5%;animation:shootStar2 8s ease-in-out 4s infinite}.shooting-star.star-2:before{width:4px;height:4px}@keyframes shootStar{0%{transform:translate(0) translateY(0) rotate(-15deg);opacity:0}3%{opacity:.9}20%{opacity:.7}35%{transform:translate(110vw) translateY(80px) rotate(-15deg);opacity:0}to{opacity:0}}@keyframes shootStar2{0%{transform:translate(0) translateY(0) rotate(-20deg);opacity:0}4%{opacity:.7}18%{opacity:.5}30%{transform:translate(100vw) translateY(60px) rotate(-20deg);opacity:0}to{opacity:0}}.sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.sparkle{position:absolute;font-size:14px;color:var(--monet-coral);opacity:0;animation:sparkleFloat 4s ease-in-out infinite}.s1{top:15%;left:10%;animation-delay:0s;color:var(--monet-coral)}.s2{top:25%;right:15%;animation-delay:.8s;color:var(--monet-lavender);font-size:10px}.s3{top:60%;left:20%;animation-delay:1.5s;color:var(--monet-steel);font-size:12px}.s4{top:70%;right:10%;animation-delay:2.2s;color:var(--monet-peach)}.s5{top:40%;left:5%;animation-delay:3s;color:var(--monet-lavender);font-size:10px}.s6{top:50%;right:25%;animation-delay:3.8s;color:var(--monet-coral);font-size:16px}@keyframes sparkleFloat{0%{opacity:0;transform:translateY(0) scale(.5) rotate(0)}20%{opacity:1;transform:translateY(-10px) scale(1) rotate(45deg)}40%{opacity:.6;transform:translateY(-20px) scale(.8) rotate(90deg)}to{opacity:0;transform:translateY(-40px) scale(.3) rotate(180deg)}}.hero-content{text-align:center;position:relative;z-index:1;transform:translateY(-5vh)}.brand-logo{margin-bottom:32px;position:relative;z-index:1}.logo-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:linear-gradient(135deg,var(--monet-coral) 0%,var(--monet-lavender) 50%,var(--monet-steel) 100%);border-radius:20px;box-shadow:0 12px 40px #e8a87c40,0 4px 16px #8b9eb326;transform:rotate(-6deg);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;animation:logoFloat 6s ease-in-out infinite alternate}@keyframes logoFloat{0%{transform:rotate(-6deg) translateY(0)}to{transform:rotate(-3deg) translateY(-8px)}}.logo-icon:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:linear-gradient(180deg,#fff,#fdfbf8);border-radius:16px}.logo-icon:after{content:"M";position:relative;z-index:1;font-family:Playfair Display,serif;font-size:2.2em;font-weight:600;font-style:italic;background:linear-gradient(135deg,var(--monet-coral),var(--monet-steel));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-logo:hover .logo-icon{transform:rotate(0) scale(1.08);box-shadow:0 16px 48px #e8a87c4d,0 6px 20px #8b9eb333}.hero-title-big{font-family:Playfair Display,serif;display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:32px;position:relative;z-index:1}.title-line{display:block;overflow:hidden}.title-line-1{font-family:Outfit,sans-serif;font-size:1.4em;font-weight:600;letter-spacing:.5em;text-transform:uppercase;color:var(--monet-steel);animation:slideUp 1.8s cubic-bezier(.16,1,.3,1) .3s both}.title-line-2{font-family:Playfair Display,serif;font-size:4.6em;font-weight:600;font-style:italic;line-height:1;background:linear-gradient(135deg,var(--text-primary) 0%,var(--monet-steel) 35%,var(--monet-lavender) 65%,var(--monet-coral) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:slideUp 1.8s cubic-bezier(.16,1,.3,1) .6s both,gradientShift 8s ease-in-out infinite alternate;filter:drop-shadow(0 4px 20px rgba(232,168,124,.3)) drop-shadow(0 2px 8px rgba(197,180,212,.2));padding-bottom:4px}@keyframes slideUp{0%{opacity:0;transform:translateY(60px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes gradientShift{0%{background-position:0% 50%}to{background-position:100% 50%}}.hero-desc{font-family:Outfit,sans-serif;position:relative;z-index:1;text-align:center}.hero-desc-1{font-size:1.8em;font-weight:600;color:var(--text-primary);letter-spacing:.02em;margin-top:24px;margin-bottom:12px;animation:fadeIn 1.7s ease 1.2s both}.hero-desc-2{font-size:.95em;font-weight:400;color:var(--text-muted);max-width:480px;margin:0 auto;line-height:1.7;animation:fadeIn 1.7s ease 1.6s both}.hero-scroll-arrow{font-size:1.8em;color:var(--monet-coral);margin-top:48px;animation:fadeIn 1.7s ease 2.2s both,bounceDown 2s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceDown{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(10px);opacity:1}}.cards-section{padding-top:90px!important;padding-bottom:140px!important}.section-title{font-family:Playfair Display,serif;font-size:3.2em;font-weight:600;font-style:italic;text-align:center;margin-bottom:24px;background:linear-gradient(135deg,var(--text-primary) 0%,var(--monet-steel) 35%,var(--monet-lavender) 65%,var(--monet-coral) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 12px rgba(232,168,124,.25)) drop-shadow(0 1px 4px rgba(197,180,212,.15))}.section-subtitle{font-family:Outfit,sans-serif;font-size:1em;color:var(--text-secondary);text-align:center;margin-bottom:48px}.step-header{padding:50px 24px 40px;min-height:auto;text-align:center;position:relative;background:linear-gradient(180deg,rgba(180,196,216,.06) 0%,transparent 100%)}.step-header h1{font-family:Playfair Display,serif;font-size:2.2em;font-weight:600;font-style:italic;color:var(--text-primary);margin-bottom:10px;text-align:center}.subtitle{font-family:Outfit,sans-serif;font-size:1em;color:var(--text-secondary);max-width:500px;margin:0 auto;text-align:center}.back-btn{position:absolute;left:24px;top:24px;font-family:Outfit,sans-serif;font-size:.9em;font-weight:500;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-soft);color:var(--text-secondary);padding:10px 20px;border-radius:100px;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#fff;color:var(--text-primary);border-color:var(--monet-coral);box-shadow:0 4px 16px #e8a87c26}.step-indicator{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:28px}.step{width:36px;height:36px;border-radius:50%;background:var(--bg-cream);border:2px solid var(--border-soft);display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:.85em;font-weight:600;color:var(--text-muted);transition:all .3s ease}.step.active{background:linear-gradient(135deg,var(--monet-coral),var(--monet-lavender));border-color:transparent;color:#fff;box-shadow:0 4px 16px #e8a87c4d}.step.completed{background:var(--monet-sage);border-color:transparent;color:#fff}.step-line{width:48px;height:2px;background:var(--border-soft);border-radius:2px}.step-line.completed{background:linear-gradient(90deg,var(--monet-sage),var(--monet-coral))}.app-container{max-width:1100px;margin:0 auto;padding:48px 24px 80px}.category-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1000px;margin:0 auto}.category-card{background:linear-gradient(180deg,#fff 0%,var(--bg-cream) 100%);border-radius:24px;padding:44px 32px 40px;text-align:center;cursor:pointer;border:1px solid var(--border-whisper);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--monet-coral),var(--monet-lavender),var(--monet-steel));opacity:0;transition:opacity .4s ease}.category-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;opacity:0;transition:opacity .5s ease;pointer-events:none}.category-card.academic:after{background:radial-gradient(ellipse at center,rgba(123,158,184,.1) 0%,transparent 50%)}.category-card.social:after{background:radial-gradient(ellipse at center,rgba(212,165,116,.1) 0%,transparent 50%)}.category-card.career:after{background:radial-gradient(ellipse at center,rgba(168,154,199,.1) 0%,transparent 50%)}.category-card:hover{transform:translateY(-12px);box-shadow:0 24px 48px #00000014,0 8px 24px #0000000a}.category-card:hover:before{opacity:1}.category-card:hover:after{opacity:1}.category-card.academic:hover{border-color:#7b9eb866}.category-card.social:hover{border-color:#d4a57466}.category-card.career:hover{border-color:#a89ac766}.card-icon{font-size:3.5em;margin-bottom:20px;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.08))}.category-card h2{font-family:Playfair Display,serif;font-size:1.8em;font-weight:600;font-style:italic;margin-bottom:12px;background:linear-gradient(135deg,#2d3436 0%,var(--monet-lavender) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.category-card p{font-family:Outfit,sans-serif;font-size:.92em;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.card-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.card-tags span{font-family:Outfit,sans-serif;font-size:.75em;font-weight:500;padding:6px 14px;background:var(--bg-cream);border-radius:100px;color:var(--text-muted);border:1px solid var(--border-soft)}.card-btn{font-family:Outfit,sans-serif;font-size:.95em;font-weight:600;background:none;border:none;cursor:pointer;padding:12px 24px;border-radius:12px;transition:all .3s ease}.category-card.academic .card-btn{color:var(--academic)}.category-card.social .card-btn{color:var(--social)}.category-card.career .card-btn{color:var(--career)}.category-card:hover .card-btn{background:#00000008}.age-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:680px;margin:0 auto 48px}.age-card{background:#fff;border:2px solid var(--border-whisper);border-radius:16px;padding:24px 16px;text-align:center;cursor:pointer;transition:all .3s ease}.age-card:hover{border-color:var(--monet-coral);transform:translateY(-4px);box-shadow:0 12px 32px #e8a87c1f}.age-card.selected{border-color:var(--monet-coral);background:linear-gradient(180deg,#e8a87c14,#fff);box-shadow:0 0 0 4px #e8a87c1f,0 8px 24px #e8a87c26}.age-icon{font-size:2em;display:block;margin-bottom:10px}.age-label{font-family:Outfit,sans-serif;font-size:.95em;font-weight:600;color:var(--text-primary);display:block;margin-bottom:4px}.age-desc{font-family:Outfit,sans-serif;font-size:.8em;color:var(--text-muted)}.context-section{max-width:600px;margin:0 auto 48px}.upload-label{display:flex;flex-direction:column;align-items:center;gap:14px;padding:56px 32px;background:linear-gradient(180deg,#fff 0%,var(--bg-cream) 100%);border:2px dashed var(--border-soft);border-radius:20px;cursor:pointer;transition:all .3s ease}.upload-label:hover{border-color:var(--monet-coral);border-style:solid;background:linear-gradient(180deg,#e8a87c0a,#fff)}.upload-icon{font-size:3em}.upload-text{font-family:Outfit,sans-serif;font-weight:500;color:var(--text-primary)}.upload-hint{font-family:Outfit,sans-serif;font-size:.85em;color:var(--text-muted)}.context-textarea{width:100%;padding:20px 24px;font-family:Outfit,sans-serif;font-size:1em;border:2px solid var(--border-soft);border-radius:16px;resize:vertical;min-height:140px;background:#fff;color:var(--text-primary);transition:all .3s ease}.context-textarea:focus{outline:none;border-color:var(--monet-steel);box-shadow:0 0 0 4px #8b9eb31a}.context-textarea::placeholder{color:var(--text-muted)}.step-buttons{display:flex;gap:16px;justify-content:center;max-width:380px;margin:0 auto}.step-buttons .btn{flex:1;padding:14px 24px}.mode-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:700px;margin:0 auto 48px}.mode-card{background:#fff;border:1px solid var(--border-soft);border-radius:20px;padding:36px 28px;text-align:center;cursor:pointer;transition:all .35s ease;position:relative}.mode-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px #0000000f;border-color:var(--monet-steel)}.mode-card.featured{border-color:var(--monet-lavender)}.mode-card.featured:hover{border-color:var(--monet-coral);box-shadow:0 16px 36px #e8a87c1f}.featured-badge{position:absolute;top:16px;right:16px;background:var(--bg-cream);color:var(--monet-coral);font-family:Outfit,sans-serif;font-size:.7em;font-weight:600;padding:6px 12px;border-radius:6px;border:1px solid rgba(232,168,124,.3)}.mode-icon{font-size:2.8em;margin-bottom:16px;display:block}.mode-card h3{font-family:Playfair Display,serif;font-size:1.35em;font-weight:600;font-style:italic;color:var(--text-primary);margin-bottom:10px}.mode-card p{font-family:Outfit,sans-serif;font-size:.88em;color:var(--text-muted);margin-bottom:16px;line-height:1.6}.mode-features{list-style:none;text-align:left;padding:0;margin-bottom:0}.mode-features li{font-family:Outfit,sans-serif;font-size:.85em;color:var(--text-secondary);padding:6px 0}.mode-btn,.featured-btn{display:none}.practice-form{max-width:700px;margin:0 auto}.response-section{background:linear-gradient(180deg,#fff 0%,var(--bg-cream) 100%);border-radius:24px;padding:44px;margin-bottom:32px;border:1px solid var(--border-whisper);box-shadow:0 4px 24px #00000008}.audio-section h3,.text-section h3{font-family:Outfit,sans-serif;font-size:1.05em;font-weight:600;color:var(--text-primary);margin-bottom:18px}.recording-area{text-align:center}.record-btn{display:inline-flex;align-items:center;gap:12px;padding:20px 44px;background:linear-gradient(135deg,var(--monet-coral),var(--monet-lavender));color:#fff;border:none;border-radius:100px;font-family:Outfit,sans-serif;font-size:1.05em;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 28px #e8a87c4d}.record-btn:hover{transform:scale(1.05);box-shadow:0 12px 36px #e8a87c66}.record-btn.recording{background:linear-gradient(135deg,#e57373,#ef5350);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 28px #e573734d}50%{transform:scale(1.03);box-shadow:0 12px 36px #e5737373}}.record-icon{font-size:1.3em;color:#ffffffe6}.stop-icon{font-size:1.1em}.audio-playback{margin-top:24px;padding:20px;background:var(--bg-cream);border-radius:16px}.audio-player{width:100%;height:48px}.response-textarea{width:100%;padding:24px;font-family:Outfit,sans-serif;font-size:1em;border:2px solid var(--border-soft);border-radius:16px;resize:vertical;min-height:180px;background:#fff;color:var(--text-primary);transition:all .3s ease;line-height:1.7}.response-textarea:focus{outline:none;border-color:var(--monet-coral);box-shadow:0 0 0 4px #e8a87c1a}.response-textarea::placeholder{color:var(--text-muted)}.or-divider{text-align:center;margin:36px 0;position:relative;font-family:Outfit,sans-serif;font-size:.85em;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em}.or-divider:before,.or-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:linear-gradient(90deg,transparent,var(--monet-peach),var(--monet-lavender),transparent)}.or-divider:before{left:0}.or-divider:after{right:0}.btn{font-family:Outfit,sans-serif;font-size:1em;font-weight:600;padding:16px 36px;border:none;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--text-secondary);border:2px solid var(--border-soft)}.btn-secondary:hover:not(:disabled){border-color:var(--monet-steel);color:var(--text-primary);background:var(--bg-cream)}.btn-submit{background:linear-gradient(135deg,var(--monet-coral) 0%,var(--monet-lavender) 50%,var(--monet-steel) 100%);color:#fff;padding:18px 44px;box-shadow:0 8px 28px #e8a87c4d}.btn-submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 36px #e8a87c66}.btn-live{background:linear-gradient(135deg,var(--monet-lavender) 0%,var(--monet-steel) 100%);color:#fff;padding:18px 44px;box-shadow:0 8px 28px #c5b4d44d}.btn-live:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 36px #c5b4d466}.alert{font-family:Outfit,sans-serif;padding:18px 24px;border-radius:14px;margin-bottom:24px;border-left:4px solid}.alert-error{border-left-color:#e57373;background:#e5737314;color:#c62828}.results-section{background:linear-gradient(180deg,#fff 0%,var(--bg-cream) 100%);padding:56px;border-radius:28px;border:1px solid var(--border-whisper);box-shadow:0 12px 48px #0000000f;max-width:720px;margin:0 auto;animation:slideIn .6s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.score-card{text-align:center;margin-bottom:44px;padding:48px;background:linear-gradient(135deg,#e8a87c14,#c5b4d414,#8b9eb30f);border-radius:24px;border:1px solid var(--border-whisper)}.score-display{font-family:Outfit,sans-serif;font-size:5em;font-weight:700;line-height:1;margin-bottom:24px}.score-number{background:linear-gradient(135deg,var(--monet-coral),var(--monet-lavender),var(--monet-steel));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-max{font-size:.28em;font-weight:400;color:var(--text-muted)}.score-bar{height:10px;background:var(--bg-cream);border-radius:10px;overflow:hidden;border:1px solid var(--border-soft)}.score-fill{height:100%;background:linear-gradient(90deg,var(--monet-sage),var(--monet-coral),var(--monet-lavender));border-radius:10px;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.evaluation-text{margin-bottom:36px;padding:28px;background:#fff;border-radius:16px;border-left:4px solid;border-image:linear-gradient(180deg,var(--monet-coral),var(--monet-lavender)) 1}.evaluation-text h3{font-family:Playfair Display,serif;font-size:1.2em;font-weight:600;font-style:italic;color:var(--text-primary);margin-bottom:12px}.evaluation-text p{font-family:Outfit,sans-serif;font-size:.95em;color:var(--text-secondary);line-height:1.8}.metrics-grid{margin-bottom:36px}.metrics-grid h3{font-family:Playfair Display,serif;font-size:1.2em;font-weight:600;font-style:italic;margin-bottom:20px}.metrics-list{display:grid;gap:12px}.metric-item{display:flex;flex-direction:column;gap:12px;padding:24px;background:#fff;border-radius:16px;border-left:4px solid var(--monet-lavender);transition:all .3s ease;margin-bottom:16px}.metric-item:hover{transform:translate(4px);box-shadow:0 4px 16px #0000000a}.metric-label{font-family:Outfit,sans-serif;font-size:.8em;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.metric-value{font-family:Outfit,sans-serif;font-size:.95em;font-weight:500;color:var(--monet-coral);line-height:1.6}.result-actions{display:flex;gap:16px;justify-content:center}.file-input{display:none}.upload-area{margin-bottom:24px}@media (max-width: 900px){.category-cards,.mode-cards{grid-template-columns:1fr;max-width:400px}}@media (max-width: 768px){.title-line-2{font-size:3.5em}.title-line-1{font-size:.9em}.age-cards{grid-template-columns:repeat(2,1fr)}.response-section{padding:32px}.results-section{padding:40px}.step-buttons,.result-actions{flex-direction:column}}@media (max-width: 480px){.title-line-2{font-size:2.8em}.title-line-1{font-size:.8em}.hero-desc-1{font-size:1em}.category-card{padding:32px 24px}.age-cards{grid-template-columns:1fr}.app-container{padding:32px 16px 60px}}.scroll-reveal{opacity:0;transform:translateY(60px);transition:opacity 1.6s ease-out,transform 1.6s cubic-bezier(.22,1,.36,1)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.2s}.reveal-delay-2{transition-delay:.8s}.reveal-delay-3{transition-delay:1.4s}.hero-fullscreen:after{content:"";position:absolute;inset:8% 10% auto;height:55%;border-radius:40px;background:radial-gradient(circle at top,rgba(232,168,124,.14),transparent 60%),radial-gradient(circle at 70% 30%,rgba(197,180,212,.18),transparent 55%),radial-gradient(circle at 30% 70%,rgba(139,158,179,.12),transparent 60%);opacity:.8;pointer-events:none;filter:blur(18px)}.hero-title-big{text-shadow:0 4px 12px rgba(45,52,54,.08),0 2px 6px rgba(232,168,124,.12);filter:drop-shadow(0 2px 8px rgba(197,180,212,.15))}.category-card,.age-card,.mode-card,.response-section,.results-section{position:relative}.category-card:after,.age-card:after,.mode-card:after,.response-section:after,.results-section:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;border:1px solid rgba(255,255,255,.35);pointer-events:none}.category-card:hover,.age-card:hover,.mode-card:hover{box-shadow:0 26px 56px #2d343624,0 6px 18px #2d343614}.card-tags span,.featured-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-submit,.btn-live,.record-btn{position:relative;overflow:hidden}.btn-submit:after,.btn-live:after,.record-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 10%,rgba(255,255,255,.35),transparent 60%);transform:translate(-120%);transition:transform .6s ease}.btn-submit:hover:after,.btn-live:hover:after,.record-btn:hover:after{transform:translate(120%)}.hero-scroll-arrow{filter:drop-shadow(0 6px 12px rgba(232,168,124,.25))}.audio-player{border-radius:12px;box-shadow:inset 0 0 0 1px #8b9eb32e}.context-textarea,.response-textarea{background-image:linear-gradient(180deg,#fffffff2,#f8f6f2d9)}.evaluation-text,.metric-item,.score-card{box-shadow:0 12px 26px #2d343614}.sparkle{text-shadow:0 0 10px rgba(232,168,124,.45)}:root{--morandi-sage: #9ba89d;--morandi-mauve: #a89ac7;--morandi-terracotta: #b39486;--morandi-dust-blue: #8b9fb8;--morandi-cream: #f5f3f0;--morandi-warm-gray: #d4cac8;--morandi-brown: #7a6f6a;--accent-primary: #9ba89d;--accent-secondary: #a89ac7;--text-primary: #3d3d3d;--text-secondary: #6b6b6b;--bg-primary: #faf8f5;--bg-secondary: #f5f3f0;--border-color: #e8e4e0;--success-color: #9ba89d;--danger-color: #b39486;--warning-color: #d4a574}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}html{scroll-behavior:smooth}