:root{--navy: #1B3A5C;--navy-light: #2C5F8A;--navy-dark: #0F2440;--accent: #C4956A;--accent-light: #E8C9A8;--cream: #FAF7F2;--cream-dark: #F0EBE3;--text: #1a1a1a;--text-light: #5a5a5a;--text-muted: #8a8a8a;--white: #ffffff;--border: #e0dbd4;--quote-bg: #f0f4f8;--positive: #2E7D5B;--partial: #D4A34A;--negative: #C0392B;--in-progress: #7F8C8D}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,sans-serif;color:var(--text);background:var(--cream);line-height:1.7}@media print{body{background:#fff}.no-print{display:none!important}.page-break{page-break-before:always}section{break-inside:avoid}}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#1a1028;background:linear-gradient(135deg,#1a1028,#2d1b4e 40%,#1a2a4a);position:relative;overflow:hidden;font-family:Inter,sans-serif}.gate-stars{position:absolute;inset:0;pointer-events:none}.star{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;animation:twinkle 3s infinite ease-in-out}@keyframes twinkle{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.9;transform:scale(1.8)}}.gate-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:2rem;max-width:420px;width:100%}.lottie-wrapper{transition:transform .3s,filter .3s;filter:drop-shadow(0 8px 24px rgba(232,133,58,.3))}.lottie-wrapper.success{animation:cat-bounce .4s ease infinite}.lottie-wrapper.wrong{animation:cat-shake .3s ease;filter:drop-shadow(0 8px 24px rgba(239,68,68,.4))}@keyframes cat-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}@keyframes cat-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}}.speech-bubble{background:#fffffff2;color:#1a1028;padding:.9rem 1.6rem;border-radius:20px;font-size:1rem;font-weight:600;position:relative;text-align:center;animation:bubble-in .3s ease-out;box-shadow:0 4px 24px #00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.speech-bubble:after{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:12px solid rgba(255,255,255,.95)}.success-bubble{background:#4ade80;color:#fff;box-shadow:0 4px 24px #4ade804d}.success-bubble:after{border-bottom-color:#4ade80}.wrong-bubble{background:#ef4444;color:#fff;box-shadow:0 4px 24px #ef44444d}.wrong-bubble:after{border-bottom-color:#ef4444}@keyframes bubble-in{0%{opacity:0;transform:scale(.85) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.gate-form{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.gate-label{color:#c4b5e0;font-size:.9rem;text-align:center;font-weight:500;line-height:1.5}.input-row{display:flex;gap:.5rem;width:100%}.gate-input{flex:1;padding:.8rem 1rem;border:2px solid rgba(255,255,255,.15);border-radius:14px;background:#ffffff12;color:#fff;font-family:Inter,sans-serif;font-size:.95rem;outline:none;transition:border-color .3s,background .3s,box-shadow .3s}.gate-input::placeholder{color:#ffffff4d}.gate-input:focus{border-color:#e8853a;background:#ffffff1a;box-shadow:0 0 0 3px #e8853a26}.input-error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444433!important}.input-success{border-color:#4ade80!important;box-shadow:0 0 0 3px #4ade8033!important}.gate-btn{padding:.8rem 1.6rem;border:none;border-radius:14px;background:linear-gradient(135deg,#e8853a,#d4722a);color:#fff;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .2s;white-space:nowrap;box-shadow:0 4px 12px #e8853a4d}.gate-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #e8853a66}.gate-btn:active{transform:scale(.97)}.btn-success{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 4px 12px #4ade804d}.gate-hint{color:#f87171;font-size:.85rem;font-weight:500;animation:bubble-in .3s ease-out}.gate-subtext{color:#ffffff40;font-size:.75rem;font-style:italic}.shake{animation:shake-form .5s ease}@keyframes shake-form{0%,to{transform:translate(0)}15%{transform:translate(-14px)}30%{transform:translate(12px)}45%{transform:translate(-10px)}60%{transform:translate(8px)}75%{transform:translate(-4px)}}@media(max-width:480px){.gate-content{padding:1.5rem 1rem}.lottie-wrapper{transform:scale(.85)}.speech-bubble{font-size:.9rem;padding:.7rem 1.2rem}}.app{max-width:860px;margin:0 auto;padding:0 1.5rem}.export-bar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:center;gap:.75rem;padding:.75rem 1rem;background:#1b3a5cf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}.export-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.25rem;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:transparent;color:#fff;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;letter-spacing:.03em;cursor:pointer;transition:all .2s}.export-btn:hover{background:#ffffff1f;border-color:#fff6}.export-btn:disabled{opacity:.5;cursor:wait}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:4rem 2rem;position:relative}.hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:120px;background:linear-gradient(to bottom,transparent,var(--navy-light));opacity:.3}.hero-label{font-size:.7rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:2rem}.hero-title{font-family:Playfair Display,serif;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;color:var(--navy);line-height:1.15;margin-bottom:1rem}.hero-subtitle{font-family:Playfair Display,serif;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:400;font-style:italic;color:var(--text-light);max-width:560px;line-height:1.5;margin-bottom:3rem}.hero-meta{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--text-muted)}.hero-meta strong{font-size:1rem;color:var(--text);font-weight:600}.hero-divider{width:48px;height:2px;background:var(--accent);margin:2rem auto;border:none}.section{padding:4rem 0;border-top:1px solid var(--border);animation:fadeInUp .6s ease-out both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-number{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}.section-title{font-family:Playfair Display,serif;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:600;color:var(--navy);margin-bottom:.3rem;line-height:1.25}.section-timing{font-size:.75rem;color:var(--text-muted);font-weight:500;margin-bottom:2rem}.paragraph{font-size:1.05rem;line-height:1.8;color:var(--text);margin-bottom:1.25rem;max-width:680px}.paragraph:last-child{margin-bottom:0}.quote-block{margin:2rem 0;padding:1.5rem 1.5rem 1.5rem 2rem;background:var(--quote-bg);border-left:3px solid var(--navy-light);border-radius:0 8px 8px 0;position:relative}.quote-mark{position:absolute;top:.5rem;left:.75rem;font-family:Playfair Display,serif;font-size:2.5rem;color:var(--navy-light);opacity:.2;line-height:1}.quote-text{font-family:Playfair Display,serif;font-size:1.05rem;font-style:italic;line-height:1.7;color:var(--navy)}.quote-author{margin-top:.75rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;color:var(--text-muted);font-style:normal}.chart-container{margin:2rem 0;padding:2rem;background:var(--white);border-radius:12px;border:1px solid var(--border);box-shadow:0 2px 12px #0000000a}.chart-title{font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.5rem;text-align:center}.chart-wrapper{display:flex;justify-content:center}.chart-note{font-size:.8rem;color:var(--text-muted);font-style:italic;text-align:center;margin-top:1rem}.areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin:2rem 0}.area-card{padding:1.5rem;background:var(--white);border-radius:10px;border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.area-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.area-icon{font-size:1.8rem;margin-bottom:.75rem}.area-title{font-family:Playfair Display,serif;font-size:1rem;font-weight:600;color:var(--navy);margin-bottom:.5rem}.area-desc{font-size:.85rem;color:var(--text-light);line-height:1.6}.sl-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}@media(max-width:600px){.sl-grid{grid-template-columns:1fr}}.sl-col{padding:1.5rem;border-radius:10px;border:1px solid var(--border)}.sl-col.strengths{background:#f0f7f3;border-color:#c8e0d2}.sl-col.limits{background:#fdf5f0;border-color:#e8d5c4}.sl-label{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1rem}.sl-col.strengths .sl-label{color:var(--positive)}.sl-col.limits .sl-label{color:var(--accent)}.sl-list{list-style:none;display:flex;flex-direction:column;gap:.6rem}.sl-list li{font-size:.9rem;color:var(--text);padding-left:1.2rem;position:relative;line-height:1.5}.sl-list li:before{content:"";position:absolute;left:0;top:.55rem;width:6px;height:6px;border-radius:50%}.sl-col.strengths .sl-list li:before{background:var(--positive)}.sl-col.limits .sl-list li:before{background:var(--accent)}.closing{text-align:center;padding:4rem 2rem;border-top:1px solid var(--border)}.closing-text{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:600;color:var(--navy);line-height:1.6;max-width:560px;margin:0 auto 2rem}.closing-thanks{font-family:Playfair Display,serif;font-size:2rem;font-weight:700;color:var(--navy)}.stat-row{display:flex;justify-content:center;gap:3rem;margin:2rem 0;flex-wrap:wrap}.stat-item{text-align:center}.stat-number{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;color:var(--navy);line-height:1}.stat-label{font-size:.75rem;font-weight:500;color:var(--text-muted);margin-top:.3rem;letter-spacing:.03em}.footer{text-align:center;padding:3rem 1rem;font-size:.75rem;color:var(--text-muted);border-top:1px solid var(--border)}.legend-custom{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-light)}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}