:root{--p1-ink:#10213b;--p1-blue:#1769e0;--p1-soft:#eef6ff;--p1-line:#d9e5f2;--p1-green:#0f8a5f}
.phase-shell{max-width:1180px;margin:0 auto;padding:42px 20px 80px;color:var(--p1-ink)}
.phase-hero{padding:44px;border-radius:28px;background:linear-gradient(135deg,#0e2d59,#1769e0);color:#fff;box-shadow:0 20px 50px rgba(14,45,89,.18)}
.phase-hero h1{font-size:clamp(2.1rem,5vw,4rem);margin:0 0 14px;line-height:1.06}.phase-hero p{max-width:780px;font-size:1.08rem;line-height:1.75;margin:0}
.phase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.phase-card{background:#fff;border:1px solid var(--p1-line);border-radius:22px;padding:24px;box-shadow:0 10px 28px rgba(16,33,59,.07)}
.phase-card h2,.phase-card h3{margin:0 0 10px}.phase-card p{color:#52657e;line-height:1.7}.phase-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;background:var(--p1-blue);color:#fff;text-decoration:none;font-weight:800;border:0;cursor:pointer}.phase-btn.secondary{background:#fff;color:var(--p1-blue);border:1px solid #b9d4f5}.phase-btn.dark{background:#10213b}
.phase-section{margin-top:42px}.phase-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.phase-section h2{font-size:clamp(1.6rem,3vw,2.4rem);margin:0}.phase-section-head p{max-width:680px;color:#61728a;line-height:1.6;margin:0}
.province-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.province-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--p1-line);border-radius:20px;padding:20px;transition:.2s}.province-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(16,33,59,.11);border-color:#9fc5f2}.province-card span{display:block;color:#61728a;margin-top:6px}
.contact-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.contact-fact{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:18px;border-radius:18px}.contact-fact small{display:block;opacity:.75;margin-bottom:6px}.contact-fact strong{font-size:1.02rem}
.phase-form{display:grid;gap:15px}.phase-form label{font-weight:800}.phase-form input,.phase-form select,.phase-form textarea{width:100%;padding:13px 14px;border:1px solid #cbd9e8;border-radius:13px;font:inherit;background:#fff}.phase-form textarea{min-height:145px;resize:vertical}.phase-status{min-height:22px;font-weight:700}.phase-note{background:#fff8e7;border:1px solid #f2d48a;border-radius:18px;padding:18px;line-height:1.65;color:#6b4d08}.independent-banner{background:#fff4d8;border-bottom:1px solid #f0d28e;color:#5d4307;font-size:13px;font-weight:700;text-align:center;padding:9px 16px;line-height:1.45}.independent-banner a{color:#174f9f}
.quiz-question{background:#fff;border:1px solid var(--p1-line);border-radius:20px;padding:22px;margin-top:16px}.quiz-options{display:grid;gap:10px;margin-top:14px}.quiz-options label{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #dbe6f2;border-radius:13px;cursor:pointer}.trade-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.trade-result{background:#fff;border:1px solid var(--p1-line);border-radius:20px;padding:22px}.support-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}.weak-recommendation{border:1px solid #dce8f5;border-radius:16px;padding:16px;margin:10px 0;background:#f8fbff}.weak-recommendation a{font-weight:800;color:#1769e0;text-decoration:none}.official-disclaimer{margin-top:24px;background:#f5f7fa;border:1px solid #d9e1eb;border-radius:16px;padding:16px;color:#536277;line-height:1.6;font-size:.94rem}
@media(max-width:850px){.phase-grid,.province-grid,.trade-results,.contact-facts{grid-template-columns:1fr 1fr}.support-duo{grid-template-columns:1fr}.phase-hero{padding:30px}}
@media(max-width:580px){.phase-grid,.province-grid,.trade-results,.contact-facts{grid-template-columns:1fr}.phase-shell{padding:24px 14px 60px}.phase-hero{padding:25px;border-radius:22px}.phase-section-head{display:block}.phase-section-head p{margin-top:8px}}