:root{--primary: #b5cc3a;--primary-hover: #9fb82e;--highlight: #f5a500;--accent-light: #f7fae6;--bg: #ffffff;--card-bg: #ffffff;--text-dark: #17304E;--text-mid: #3a5270;--text-light: #8a9bb0;--border: #dde3ed}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;background:var(--bg);color:var(--text-dark);min-height:100vh;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0 1.25rem}.topic-selector{width:100%;max-width:920px}.selector-hero{text-align:center;padding:5rem 1rem 3.5rem}.hero-label{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin-bottom:1.25rem}.selector-hero h1{font-size:3.1rem;font-weight:800;color:var(--text-dark);line-height:1.12;letter-spacing:-.035em;margin-bottom:1.1rem;max-width:640px;margin-left:auto;margin-right:auto}.selector-hero p{font-size:1.05rem;color:var(--text-light);max-width:440px;margin:0 auto;line-height:1.75}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.topic-grid>:last-child:nth-child(3n+1){grid-column:2}.topic-card{background:var(--card-bg);border-radius:16px;padding:2rem 1.75rem;cursor:pointer;border:1.5px solid var(--border);display:flex;flex-direction:column;gap:.6rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.topic-card:hover{border-color:var(--primary);box-shadow:0 8px 32px #b5cc3a2e;transform:translateY(-3px)}.topic-icon-wrap{display:flex;justify-content:center;margin-bottom:.5rem}.topic-icon-img{width:72px;height:72px;object-fit:contain}.topic-card h3{font-size:1.15rem;font-weight:700;color:var(--text-dark);text-align:center}.topic-card p{font-size:.88rem;color:var(--text-light);line-height:1.65;flex:1}.topic-meta{display:flex;justify-content:space-between;font-size:.78rem;color:var(--primary);font-weight:600;margin-top:.25rem}.btn-start{margin-top:.85rem;background:var(--primary);color:#fff;border:none;border-radius:10px;padding:.85rem 1.25rem;font-size:.93rem;font-weight:700;cursor:pointer;transition:background .15s;width:100%;text-align:center;font-family:inherit;letter-spacing:.01em}.btn-start:hover{background:var(--primary-hover)}.page-switch{display:flex;justify-content:center;margin-top:3rem;padding-top:2rem;border-top:1.5px solid var(--border)}.page-switch-btn{background:none;border:none;color:var(--primary);font-size:.93rem;font-weight:700;cursor:pointer;font-family:inherit;letter-spacing:.01em;padding:.5rem 1rem;border-radius:8px;transition:background .15s,color .15s}.page-switch-btn:hover{background:var(--accent-light);color:var(--primary-hover)}.corner-logo-link{position:fixed;top:1.25rem;left:1.25rem;z-index:100;display:block}.corner-logo{height:96px;width:auto;display:block}@media (max-width: 760px){.corner-logo-link{left:50%;transform:translate(-50%)}.app{padding-top:130px}}.quiz-brand{text-align:center;margin-top:3rem}.quiz-brand-logo{height:80px;width:auto;display:inline-block}.quiz-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem}.quiz-header-icon{width:144px;height:144px;object-fit:contain}.quiz-header-title{font-size:1.75rem;font-weight:800;color:var(--text-dark);letter-spacing:-.02em}.quiz-engine{width:100%;max-width:680px;padding-top:3.5rem}.exit-btn{display:block;margin:2.25rem auto 0;background:none;border:none;color:var(--text-light);font-size:.85rem;font-weight:500;cursor:pointer;font-family:inherit;transition:color .15s;padding:.5rem 1rem}.exit-btn:hover{color:var(--text-dark)}.progress-container{text-align:center;margin-bottom:2.75rem}.progress-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);margin-bottom:.85rem}.progress-track{height:3px;background:var(--border);border-radius:99px;overflow:hidden;max-width:380px;margin:0 auto}.progress-fill{height:100%;background:var(--primary);border-radius:99px;transition:width .45s cubic-bezier(.4,0,.2,1)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.question-card{animation:fadeSlideIn .3s ease}.question-text{font-size:1.65rem;font-weight:800;color:var(--text-dark);line-height:1.4;margin-bottom:2rem;letter-spacing:-.02em}.options{display:flex;flex-direction:column;gap:.75rem}.option-btn{display:flex;align-items:center;gap:1rem;background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:1.1rem 1.25rem;text-align:left;cursor:pointer;font-family:inherit;width:100%;transition:border-color .15s,background .15s,transform .12s}.option-btn:hover{border-color:var(--primary);background:var(--accent-light);transform:translate(4px)}.option-btn:active{transform:translate(2px)}.option-letter{flex-shrink:0;width:34px;height:34px;border-radius:9px;background:var(--accent-light);color:var(--primary);font-size:.8rem;font-weight:800;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.option-btn:hover .option-letter{background:var(--primary);color:#fff}.option-text{font-size:.95rem;color:var(--text-mid);line-height:1.55;font-weight:500}@keyframes resultIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.result-card{width:100%;max-width:640px;text-align:center;padding-top:3.5rem;padding-bottom:4rem;animation:resultIn .4s ease}.result-category{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--primary);margin-bottom:.65rem}.result-type-name{font-size:2.75rem;font-weight:900;color:var(--text-dark);line-height:1.12;letter-spacing:-.03em;margin-bottom:1rem}.result-highlight-badge{display:inline-block;background:var(--highlight);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.38rem 1.1rem;border-radius:99px;margin-bottom:2.5rem}.result-tendency{font-size:.85rem;color:var(--text-mid);font-style:italic;margin-top:-.5rem;margin-bottom:.75rem}.result-description{font-size:.98rem;color:var(--text-mid);line-height:1.8;text-align:left;background:var(--accent-light);border-left:4px solid var(--primary);border-radius:0 12px 12px 0;padding:1.5rem 1.75rem;margin-bottom:2rem}.tips{text-align:left;margin-bottom:2.5rem}.tips h4{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--highlight);margin-bottom:.75rem}.tips-intro{font-size:.95rem;color:var(--text-mid);font-weight:400;margin-bottom:1rem}.tips-commit-label{font-size:.95rem;color:var(--text-mid);font-weight:400;margin-top:1.25rem;margin-bottom:.4rem}.tips-commit-question{margin-bottom:0}.tips-divider{border:none;border-top:1px solid var(--border);margin-top:1.75rem;margin-bottom:0}.tips ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}.tips li{font-size:.95rem;color:var(--text-mid);line-height:1.6;padding-left:1.5rem;position:relative}.tips li:before{content:"→";position:absolute;left:0;color:var(--primary);font-weight:700}.result-actions{display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap}.btn-primary{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:.85rem 2rem;font-size:.95rem;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s;letter-spacing:.01em}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:#fff;color:var(--text-mid);border:1.5px solid var(--border);border-radius:10px;padding:.85rem 2rem;font-size:.95rem;font-weight:600;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}.btn-secondary:hover{border-color:var(--primary);background:var(--accent-light)}.bonus-quiz-prompt{border-top:1px solid var(--border);margin:2rem 0;padding-top:1.75rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.bonus-quiz-label{font-size:.95rem;font-weight:600;color:var(--text-mid);margin:0}.cta-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;margin-top:3.5rem;background:#fff8ed;border-left:4px solid var(--highlight);border-radius:0 12px 12px 0;padding:1.5rem 1.75rem}.cta-col{display:flex;flex-direction:column;gap:.85rem;text-align:left}.cta-col--logo{display:flex;align-items:center;justify-content:center}.cta-logo-img{width:100%;max-width:240px;height:auto;display:block}.cta-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--highlight);margin:0}.cta-body{font-size:.95rem;color:var(--text-mid);font-weight:500;margin:0;line-height:1.55}.btn-cta{display:block;background:var(--primary);color:#fff;border:none;border-radius:10px;padding:.85rem 1.5rem;font-size:.95rem;font-weight:700;cursor:pointer;font-family:inherit;text-decoration:none;letter-spacing:.01em;transition:background .15s;text-align:center}.btn-cta:hover{background:var(--primary-hover)}.result-actions--divided{margin-top:1rem;padding-top:.75rem}@media (max-width: 600px){.cta-row{grid-template-columns:1fr}.cta-col--logo{display:none}}.reflection-summary{display:flex;gap:.6rem;margin-bottom:2.5rem;flex-wrap:wrap}.reflection-tag{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .9rem;border-radius:99px}.reflection-tag--strong{background:#d1fae5;color:#065f46}.reflection-tag--grow{background:#fef3c7;color:#92400e}.reflection-section{margin-bottom:2rem}.reflection-section-title{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mid);margin-bottom:1rem}.reflection-item{border-left:3px solid var(--border);padding:.9rem 1.1rem;margin-bottom:1rem;border-radius:0 6px 6px 0;background:var(--card-bg)}.reflection-item--strong{border-left-color:#10b981}.reflection-item--grow{border-left-color:#f59e0b}.reflection-topic{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);margin-bottom:.35rem}.reflection-answer{font-size:.9rem;font-style:italic;color:var(--text-mid);margin:0 0 .5rem}.reflection-feedback{font-size:.92rem;color:var(--text-dark);line-height:1.6;margin:0}.newsletter-page{width:100%;max-width:560px;padding-top:3.5rem;padding-bottom:4rem}.newsletter-title{font-size:2.25rem;font-weight:900;color:var(--text-dark);letter-spacing:-.03em;margin-bottom:.75rem}.newsletter-subtitle{font-size:.98rem;color:var(--text-mid);line-height:1.7;margin-bottom:2.5rem}.newsletter-form{display:flex;flex-direction:column;gap:1.25rem}.nl-field{display:flex;flex-direction:column;gap:.4rem}.nl-label{font-size:.82rem;font-weight:700;color:var(--text-dark);letter-spacing:.01em}.nl-required{color:var(--highlight)}.nl-optional{font-weight:400;color:var(--text-light)}.nl-input{background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:.85rem 1.1rem;font-size:.95rem;font-family:inherit;color:var(--text-dark);transition:border-color .15s;width:100%}.nl-input:focus{outline:none;border-color:var(--primary)}.nl-input:disabled{opacity:.6}.nl-textarea{resize:vertical;min-height:100px}.nl-error{font-size:.9rem;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.75rem 1rem;margin:0}.nl-actions{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:.5rem}.newsletter-success{text-align:center;padding:2rem 0}.newsletter-success-icon{font-size:3rem;margin-bottom:1rem}.newsletter-success h2{font-size:1.75rem;font-weight:800;color:var(--text-dark);margin-bottom:.5rem}.newsletter-success p{color:var(--text-mid);font-size:.98rem}.site-footer{position:fixed;right:1rem;bottom:3rem;writing-mode:vertical-rl;transform:rotate(180deg)}.site-footer-inner{display:flex}.site-footer-contact p{font-size:.72rem;color:var(--text-light);margin:0;white-space:nowrap}.site-footer-contact a{color:var(--text-light);text-decoration:none}.site-footer-contact a:hover{color:var(--text-dark);text-decoration:underline}@media (max-width: 760px){.topic-grid{grid-template-columns:1fr}.topic-grid>:last-child:nth-child(3n+1){grid-column:1}}@media (max-width: 600px){.app{padding:0 1rem 4rem}.selector-hero{padding:3rem .5rem 2.5rem}.selector-hero h1{font-size:2.1rem}.quiz-engine,.result-card{padding-top:2.5rem}.question-text{font-size:1.35rem}.result-type-name{font-size:2rem}}