

    *{margin:0;padding:0;box-sizing:border-box;}
    :root{--green:#3D6B4A;--green-light:#4A7C59;--green-dark:#2C5A3E;--green-bg:#EEF4EC;
      --cream:#F8F7F4;--warm:#E8E0D5;--text:#1E1E1E;--muted:#6B6B6B;--border:#E4DDD5;--white:#FFFFFF;}
    html{scroll-behavior:smooth;}
    body{font-family:'Manrope',sans-serif;background:var(--cream);color:var(--text);-webkit-font-smoothing:antialiased;}
    .container{max-width:1100px;margin:0 auto;padding:0 24px;}
    /* HEADER */
    .header{position:sticky;top:0;z-index:50;background:rgba(248,247,244,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);}
    .header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px;flex-wrap:wrap;}
    .logo{font-size:1.5rem;font-weight:900;letter-spacing:-.04em;color:var(--text);text-decoration:none;}
    .logo span{color:var(--green);}
    .header-phone{font-weight:700;color:var(--text);text-decoration:none;font-size:.95rem;}
    .header-phone:hover{color:var(--green);}
    .btn-sm{background:var(--green);color:#fff;padding:8px 20px;border-radius:40px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s;}
    .btn-sm:hover{background:var(--green-dark);}
    /* BREADCRUMB */
    .breadcrumb{font-size:.82rem;color:var(--muted);padding:12px 0;}
    .breadcrumb a{color:var(--green);text-decoration:none;}
    .breadcrumb a:hover{text-decoration:underline;}
    /* ARTICLE */
    .article-wrap{background:var(--white);border-radius:24px;padding:48px 56px;margin:32px 0;box-shadow:0 4px 24px rgba(0,0,0,.04);}
    @media(max-width:768px){.article-wrap{padding:28px 20px;margin:16px 0;}}
    .art-cat{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 14px;border-radius:40px;background:var(--green-bg);color:var(--green-dark);margin-bottom:16px;}
    h1.art-title{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:900;line-height:1.2;letter-spacing:-.03em;margin-bottom:16px;}
    .art-meta{font-size:.82rem;color:var(--muted);margin-bottom:32px;display:flex;gap:16px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--border);}
    .art-body h2{font-size:1.35rem;font-weight:800;margin:36px 0 14px;letter-spacing:-.02em;color:var(--text);}
    .art-body p{font-size:.97rem;line-height:1.8;color:#2c2c2c;margin-bottom:14px;}
    .art-body ul,.art-body ol{margin:0 0 16px 20px;font-size:.95rem;line-height:1.8;color:#2c2c2c;}
    .art-body li{margin-bottom:6px;}
    .art-body strong{color:var(--text);}
    .art-body .tip-box{background:var(--green-bg);border-left:4px solid var(--green);border-radius:0 12px 12px 0;padding:16px 20px;margin:20px 0;font-size:.9rem;line-height:1.7;}
    /* RELATED */
    .related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:16px;}
    .related-card{background:var(--cream);border:1px solid var(--border);border-radius:16px;padding:16px;text-decoration:none;color:var(--text);transition:box-shadow .15s,transform .15s;display:block;}
    .related-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.07);transform:translateY(-2px);}
    .related-card .rtag{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--green-dark);background:var(--green-bg);padding:2px 10px;border-radius:30px;display:inline-block;margin-bottom:8px;}
    .related-card h3{font-size:.92rem;font-weight:700;line-height:1.4;}
    /* FORM (identical to index.html) */
    .form-section-bg{background:var(--green-bg);padding:64px 0;}
    .form-wrap{background:var(--white);border-radius:24px;padding:40px;box-shadow:0 8px 32px rgba(0,0,0,.06);}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
    @media(max-width:768px){.form-grid{grid-template-columns:1fr;gap:28px;}}
    .section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--green);margin-bottom:8px;}
    .form-wrap h2{font-size:1.6rem;font-weight:900;letter-spacing:-.02em;margin-bottom:12px;}
    .trust-items{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
    .trust-tag{font-size:.78rem;font-weight:600;background:var(--cream);border:1px solid var(--border);padding:6px 12px;border-radius:30px;}
    .form-label{display:block;font-size:.82rem;font-weight:600;margin-bottom:6px;}
    .form-input,.form-textarea{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:12px;font-family:'Manrope',sans-serif;font-size:.9rem;background:var(--cream);transition:border-color .2s;}
    .form-input:focus,.form-textarea:focus{outline:none;border-color:var(--green);}
    .form-textarea{min-height:100px;resize:vertical;}
    .form-submit{width:100%;background:var(--green);color:#fff;border:none;padding:14px;border-radius:48px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s;margin-top:8px;}
    .form-submit:hover{background:var(--green-dark);}
    .form-note{font-size:.72rem;color:var(--muted);margin-top:8px;text-align:center;}
    /* FOOTER */
    footer{background:var(--text);color:#ccc;padding:40px 0 28px;}
    .footer-inner{display:flex;flex-direction:column;gap:16px;}
    .footer-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;align-items:flex-start;}
    .footer-logo{font-size:1.3rem;font-weight:900;color:#fff;letter-spacing:-.03em;}
    .footer-logo span{color:var(--green-light);}
    .footer-links{display:flex;gap:20px;flex-wrap:wrap;}
    .footer-links a{color:#aaa;text-decoration:none;font-size:.88rem;}
    .footer-links a:hover{color:#fff;}
    .footer-copy{font-size:.78rem;color:#777;line-height:1.7;}
  
