*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#f0f4f8;color:#1a2332;min-height:100vh}:root{--navy: #0d2340;--teal: #0a7e6e;--teal2: #0d9e8b;--gold: #e8a832;--light: #f0f4f8;--white: #ffffff;--gray: #64748b;--lgray: #e2e8f0;--danger: #e53e3e;--warn: #dd6b20;--ok: #38a169;--nav-h: 62px}nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:var(--nav-h);box-shadow:0 2px 12px #00000059}.nav-logo{display:flex;align-items:center;gap:.6rem;cursor:pointer;text-decoration:none}.nav-logo span{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:.03em}.nav-logo span em{color:var(--gold);font-style:normal}.nav-links{display:flex;gap:1rem}.nav-btn{background:none;border:1.5px solid rgba(255,255,255,.35);color:#fff;border-radius:6px;padding:.4rem 1.1rem;cursor:pointer;font-size:.9rem;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center}.nav-btn:hover{background:#ffffff1a;border-color:#fff}.nav-btn.primary{background:var(--teal);border-color:var(--teal)}.nav-btn.primary:hover{background:var(--teal2)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.8rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all .2s;text-decoration:none}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal2);transform:translateY(-1px);box-shadow:0 4px 16px #0a7e6e66}.btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}.btn-outline:hover{border-color:#fff;background:#ffffff14}.page-wrap{padding-top:var(--nav-h)}.section-tag{display:inline-block;background:#0a7e6e1f;color:var(--teal);padding:.3rem .9rem;border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:.8rem;text-transform:uppercase}.section-title{font-size:2.2rem;font-weight:800;color:var(--navy);margin-bottom:.8rem}.section-sub{color:var(--gray);font-size:1.05rem;max-width:560px;line-height:1.7}.hero{background:linear-gradient(135deg,var(--navy) 0%,#0f3460 60%,#16213e 100%);min-height:calc(100vh - var(--nav-h));display:flex;align-items:center;justify-content:center}.hero-inner{max-width:1100px;width:100%;margin:0 auto;padding:5rem 2rem 4rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text h1{font-size:3rem;font-weight:800;color:#fff;line-height:1.15;margin-bottom:1.25rem}.hero-text h1 span{color:var(--gold)}.hero-text p{color:#ffffffbf;font-size:1.15rem;line-height:1.75;margin-bottom:2rem}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.hero-visual{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.metric{background:#ffffff12;border-radius:10px;padding:1.25rem;text-align:center}.metric .val{font-size:2rem;font-weight:800;color:var(--gold)}.metric .lbl{font-size:.78rem;color:#fff9;margin-top:.2rem}.metric.accent{background:#0a7e6e40}.metric.accent .val{color:#5eebd9}.score-bar-wrap p{color:#ffffffa6;font-size:.82rem;margin-bottom:.5rem}.score-bar{background:#ffffff1a;border-radius:20px;height:8px;overflow:hidden;margin-bottom:.4rem}.score-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,var(--teal),var(--gold))}.score-label{display:flex;justify-content:space-between;font-size:.75rem;color:#ffffff80}.how-bg{background:#fff}.section{padding:5rem 2rem;max-width:1100px;margin:0 auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.step-card{background:var(--white);border-radius:14px;padding:2rem 1.5rem;box-shadow:0 2px 12px #0000000f;border-top:4px solid var(--teal);transition:transform .2s}.step-card:hover{transform:translateY(-4px)}.step-num{width:40px;height:40px;border-radius:50%;background:var(--teal);color:#fff;font-weight:800;font-size:1.1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.step-card h3{font-size:1.1rem;font-weight:700;color:var(--navy);margin-bottom:.6rem}.step-card p{color:var(--gray);font-size:.92rem;line-height:1.65}.fw-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}.fw-card{border:1px solid var(--lgray);border-radius:14px;padding:2rem;position:relative;overflow:hidden}.fw-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.fw-card.fw1:before{background:linear-gradient(90deg,var(--teal),#5eebd9)}.fw-card.fw2:before{background:linear-gradient(90deg,var(--gold),#e07800)}.fw-card h3{font-size:1.15rem;font-weight:700;color:var(--navy);margin-bottom:.5rem}.fw-card p{color:var(--gray);font-size:.92rem;line-height:1.65;margin-bottom:1rem}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem}.tag{background:var(--light);color:var(--navy);font-size:.78rem;padding:.3rem .7rem;border-radius:20px;font-weight:600}.cta-banner{background:linear-gradient(135deg,var(--navy),#0f3460);padding:4rem 2rem;text-align:center}.cta-banner h2{color:#fff;font-size:2rem;font-weight:800;margin-bottom:.8rem}.cta-banner p{color:#ffffffb3;font-size:1.05rem;margin-bottom:2rem;max-width:520px;margin-left:auto;margin-right:auto}footer{background:var(--navy);color:#ffffff80;text-align:center;padding:2rem;font-size:.82rem}footer strong{color:#fffc}.form-page{min-height:calc(100vh - var(--nav-h));background:linear-gradient(135deg,var(--navy) 0%,#0f3460 100%);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.form-card{background:var(--white);border-radius:20px;padding:3rem 2.5rem;width:100%;max-width:480px;box-shadow:0 20px 60px #0000004d}.form-logo{text-align:center;margin-bottom:1.5rem}.form-logo .logo-mark{width:56px;height:56px;background:var(--teal);border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.7rem}.form-card h2{font-size:1.6rem;font-weight:800;color:var(--navy);text-align:center;margin-bottom:.3rem}.form-card .sub{color:var(--gray);text-align:center;font-size:.92rem;margin-bottom:2rem}.field{margin-bottom:1.2rem}.field label{display:block;font-size:.88rem;font-weight:600;color:var(--navy);margin-bottom:.4rem}.field input,.field select{width:100%;padding:.75rem 1rem;border:1.5px solid var(--lgray);border-radius:8px;font-size:.95rem;color:var(--navy);transition:border-color .2s;outline:none;background:var(--white)}.field input:focus,.field select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0a7e6e1f}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-error{color:var(--danger);font-size:.83rem;margin-top:.3rem}.form-submit{width:100%;padding:.9rem;background:var(--teal);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:.5rem;transition:all .2s}.form-submit:hover{background:var(--teal2);transform:translateY(-1px)}.form-submit:disabled{background:var(--lgray);color:var(--gray);cursor:not-allowed;transform:none}.form-footer{text-align:center;margin-top:1.2rem;font-size:.85rem;color:var(--gray)}.form-footer a{color:var(--teal);cursor:pointer;font-weight:600;text-decoration:none}.progress-dots{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.dot{width:10px;height:10px;border-radius:50%;background:var(--lgray);transition:all .2s}.dot.active{background:var(--teal);width:28px;border-radius:5px}.dot.done{background:var(--teal);opacity:.5}.quiz-page{min-height:calc(100vh - var(--nav-h));background:var(--light)}.quiz-header{background:var(--navy);color:#fff;padding:2rem 2rem 1.5rem;text-align:center}.quiz-part-label{font-size:.8rem;color:#ffffff80;margin-bottom:.3rem}.quiz-header h2{font-size:1.5rem;font-weight:800;margin-bottom:.4rem}.quiz-header p{color:#ffffffa6;font-size:.9rem}.quiz-progress-bar{height:4px;background:#ffffff26;margin-top:1rem;border-radius:2px}.quiz-progress-fill{height:100%;background:var(--gold);border-radius:2px;transition:width .4s ease}.quiz-body{max-width:760px;margin:0 auto;padding:2rem}.scale-legend{background:var(--white);border-radius:10px;padding:1rem 1.5rem;margin-bottom:1.5rem;border:1px solid var(--lgray);display:flex;flex-wrap:wrap;gap:.5rem .8rem;align-items:center}.scale-legend span{font-size:.8rem;color:var(--gray)}.scale-legend strong{color:var(--navy)}.quiz-section-title{background:var(--white);border-radius:10px;padding:1rem 1.5rem;margin-bottom:1rem;border-left:4px solid var(--teal)}.quiz-section-title h3{font-size:1rem;font-weight:700;color:var(--navy)}.quiz-section-title p{font-size:.85rem;color:var(--gray);margin-top:.2rem}.question-card{background:var(--white);border-radius:12px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 1px 6px #0000000f;transition:box-shadow .2s}.question-card:hover{box-shadow:0 2px 12px #0000001a}.q-text{font-size:.95rem;font-weight:500;color:var(--navy);margin-bottom:1rem}.q-num{color:var(--teal);font-weight:700;margin-right:.5rem}.scale-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.scale-opt{position:relative;cursor:pointer}.scale-opt input[type=radio]{position:absolute;opacity:0;width:0;height:0}.scale-opt label{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .3rem;border:1.5px solid var(--lgray);border-radius:8px;cursor:pointer;transition:all .15s;font-size:.75rem;color:var(--gray);text-align:center;line-height:1.3}.scale-opt label .num{font-size:1.15rem;font-weight:700;color:var(--navy)}.scale-opt input:checked+label{border-color:var(--teal);background:#0a7e6e14;color:var(--teal)}.scale-opt input:checked+label .num{color:var(--teal)}.scale-opt label:hover{border-color:var(--teal2);background:#0a7e6e0a}.quiz-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0 3rem}.btn-back{background:var(--white);border:1.5px solid var(--lgray);color:var(--navy);padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center}.btn-back:hover{border-color:var(--navy)}.btn-next{background:var(--teal);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-next:hover{background:var(--teal2)}.results-page{min-height:calc(100vh - var(--nav-h));background:var(--light)}.results-hero{background:linear-gradient(135deg,var(--navy),#0f3460);padding:3rem 2rem;text-align:center;color:#fff}.results-hero h2{font-size:2rem;font-weight:800;margin-bottom:.5rem}.results-hero p{color:#ffffffb3}.results-body{max-width:860px;margin:0 auto;padding:2.5rem 2rem 4rem}.result-card{background:var(--white);border-radius:14px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 2px 12px #00000012}.result-card h3{font-size:1.1rem;font-weight:700;color:var(--navy);margin-bottom:1.2rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .7rem;border-radius:20px;font-size:.8rem;font-weight:700}.badge-ok{background:#38a1691f;color:var(--ok)}.badge-warn{background:#dd6b201f;color:var(--warn)}.badge-danger{background:#e53e3e1f;color:var(--danger)}.score-row{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.score-row .lbl{font-size:.88rem;color:var(--navy);width:180px;flex-shrink:0}.score-row .bar{flex:1;background:var(--lgray);border-radius:20px;height:10px;overflow:hidden}.score-row .fill{height:100%;border-radius:20px;transition:width 1s ease}.fill-ok{background:var(--ok)}.fill-warn{background:var(--warn)}.fill-danger{background:var(--danger)}.fill-blue{background:var(--teal)}.score-row .pts{font-size:.85rem;font-weight:700;color:var(--gray);min-width:60px;text-align:right}.alert-box{border-radius:10px;padding:1rem 1.25rem;margin-top:1rem;font-size:.9rem;line-height:1.6}.alert-ok{background:#38a16914;border-left:4px solid var(--ok);color:#276749}.alert-warn{background:#dd6b2014;border-left:4px solid var(--warn);color:#7b341e}.alert-danger{background:#e53e3e14;border-left:4px solid var(--danger);color:#742a2a}.beliefs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:.5rem}.belief-tile{border-radius:10px;padding:1rem;border:2px solid var(--lgray)}.belief-tile.dominant{border-color:var(--teal);background:#0a7e6e0f}.belief-tile h4{font-size:.88rem;font-weight:700;color:var(--navy);margin-bottom:.4rem}.belief-tile .b-score{font-size:1.4rem;font-weight:800;color:var(--teal)}.belief-tile .b-max{font-size:.75rem;color:var(--gray)}.behavior-list{margin-top:.5rem}.beh-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--lgray)}.beh-item:last-child{border-bottom:none}.beh-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.beh-dot.alert-dot{background:var(--danger)}.beh-dot.ok-dot{background:var(--ok)}.beh-name{font-size:.9rem;color:var(--navy);font-weight:600;flex:1}.beh-pts{font-size:.85rem;color:var(--gray)}.beh-badge{font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:20px}.beh-badge.alert-badge{background:#e53e3e1f;color:var(--danger)}.beh-badge.ok-badge{background:#38a1691f;color:var(--ok)}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}.action-col h4{font-size:.88rem;font-weight:700;color:var(--navy);margin-bottom:.7rem;border-bottom:2px solid var(--lgray);padding-bottom:.5rem}.action-item{display:flex;gap:.5rem;align-items:flex-start;margin-bottom:.6rem;font-size:.87rem;color:var(--gray);line-height:1.5}.action-item:before{content:"→";color:var(--teal);font-weight:700;flex-shrink:0;margin-top:.05rem}.results-footer{text-align:center;padding:1rem 0}.results-footer p{font-size:.8rem;color:var(--gray);font-style:italic;max-width:600px;margin:0 auto}.btn-restart{background:var(--navy);color:#fff;border:none;padding:.8rem 2rem;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;margin-top:1.5rem;transition:all .2s}.btn-restart:hover{background:#0f3460}@media (max-width: 768px){.hero-inner{grid-template-columns:1fr;gap:2.5rem;padding:3rem 1.5rem 2.5rem}.hero-text h1{font-size:2.2rem}.steps,.fw-grid,.beliefs-grid,.action-grid,.field-row{grid-template-columns:1fr}}