*{box-sizing:border-box}body{margin:0;padding:0}:root{--brand-primary:#0a2540;--brand-accent:#635bff;--brand-success:#00d924;--bg-white:#fff;--bg-soft:#f6f9fc;--text-dark:#1a1f36;--text-light:#4f566b;--text-muted:#a3acb9;--space-unit:8px;--container-max:1140px;--shadow-subtle:0 2px 5px #00000008;--shadow-standard:0 7px 14px #32325d1a, 0 3px 6px #00000014;--shadow-hover:0 13px 27px -5px #32325d40, 0 8px 16px -8px #0000004d;--radius-pill:9999px;--radius-xl:20px;--radius-lg:12px}body{background-color:var(--bg-soft);color:var(--text-dark);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.nav-bar{z-index:100;background:#fff;align-items:center;height:72px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.nav-container{width:100%;max-width:var(--container-max);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.brand-name{color:var(--brand-primary);text-transform:uppercase;letter-spacing:.1em;font-size:1.1rem;font-weight:700}.org-badge{background:var(--brand-primary);color:#fff;border-radius:var(--radius-pill);padding:6px 16px;font-size:.75rem;font-weight:600}.hero-section{background:#fff;padding:120px 0;position:relative;overflow:hidden}.hero-content{max-width:var(--container-max);grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin:0 auto;padding:0 24px;display:grid}.gradient-text{color:var(--brand-primary);margin-bottom:24px;font-size:4rem;font-weight:800;line-height:1.1}.hero-description{color:var(--text-light);max-width:480px;margin-bottom:40px;font-size:1.25rem;line-height:1.6}.hero-badges span{color:var(--brand-accent);background:#f0efff;border-radius:4px;margin-right:8px;padding:4px 12px;font-size:.8rem;font-weight:600}.hero-visual{position:relative}.visual-glow{z-index:1;background:radial-gradient(circle,#635bff1a 0%,#fff0 70%);width:120%;height:120%;position:absolute;top:-10%;left:-10%}.hero-img{border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-hover);z-index:2;position:relative}.content{max-width:var(--container-max);margin:0 auto;padding:80px 24px}.usage-guide{margin-bottom:120px}.section-header{text-align:center;margin-bottom:60px}.section-header h2{color:var(--brand-primary);margin-bottom:12px;font-size:2.5rem}.guide-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.guide-item{border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);background:#fff;padding:48px;transition:transform .3s}.guide-item:hover{transform:translateY(-8px)}.step-num{color:var(--brand-accent);margin-bottom:16px;font-size:.9rem;font-weight:700;display:block}.planner-section{background:var(--brand-primary);color:#fff;border-radius:32px;margin-bottom:80px;padding:80px}.form-header{margin-bottom:48px}.form-header h2{margin:0;font-size:2rem}.disease-chips{flex-wrap:wrap;gap:12px;margin:20px 0 40px;display:flex}.chip{color:#fff;border-radius:var(--radius-pill);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.chip.active{background:var(--brand-accent);border-color:var(--brand-accent)}.input-row{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}.input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.8rem;font-weight:600;display:block}.input-with-icon input{color:#fff;border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid #fff3;width:100%;padding:16px 20px 16px 52px;font-size:1rem}.inner-icon{position:absolute;top:50%;left:20px;transform:translateY(-50%)}.submit-btn{background:var(--brand-accent);color:#fff;border-radius:var(--radius-lg);cursor:pointer;border:none;width:100%;padding:20px;font-size:1.1rem;font-weight:700;transition:background .2s}.submit-btn:hover{background:#5449e6}.result-area{animation:.6s cubic-bezier(.16,1,.3,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.info-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}.info-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);background:#fff;padding:40px}.card-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.card-icon{font-size:1.5rem}.info-card h3{color:var(--text-light);text-transform:uppercase;margin:0;font-size:.9rem;font-weight:700}.symptom-text{color:var(--brand-primary);font-size:1.25rem;font-weight:700}.diagnosis-text{color:var(--brand-accent);font-size:1.25rem;font-weight:700}.intervention-list{margin-top:60px}.section-title{margin-bottom:32px;font-size:1.5rem;font-weight:800}.intervention-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);background:#fff;grid-template-columns:1.2fr 1fr;gap:40px;margin-bottom:24px;padding:40px;display:grid}.block-tag{color:var(--text-muted);text-transform:uppercase;margin-bottom:12px;font-size:.7rem;font-weight:700;display:block}.intervention-block p{margin:0;font-size:1.1rem;font-weight:600;line-height:1.5}.rationale-block{border-left:2px solid var(--bg-soft);padding-left:40px}.rationale-block p{color:var(--text-light);margin:0;font-size:.95rem}.about-section{box-shadow:var(--shadow-subtle);background:#fff;border-radius:32px;margin-top:120px;padding:80px}.about-text h2{color:var(--brand-primary);margin-bottom:24px;font-size:2rem}.about-text p{color:var(--text-light);margin-bottom:32px;font-size:1.15rem;line-height:1.8}.contact-info span{color:var(--brand-primary);margin-right:24px;font-size:.9rem;font-weight:600;display:inline-block}.app-footer{background:#fff;border-top:1px solid #e6ebf1;padding:60px 0}.footer-content{max-width:var(--container-max);color:var(--text-muted);justify-content:space-between;margin:0 auto;padding:0 24px;font-size:.85rem;display:flex}@media (width<=1024px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-description{margin:0 auto 40px}.guide-grid{grid-template-columns:1fr}.planner-section{padding:40px}.input-row,.info-grid,.intervention-card{grid-template-columns:1fr}.rationale-block{border-left:none;border-top:2px solid var(--bg-soft);padding-top:32px;padding-left:0}}