*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter','Segoe UI',Roboto,system-ui,sans-serif;background:#f5f7fb;color:#1a1e2b;line-height:1.6;scroll-behavior:smooth}a{text-decoration:none;color:inherit}.container{max-width:1280px;margin:0 auto;padding:0 28px}.main-header{background:#ffffff;padding:16px 0;box-shadow:0 2px 10px rgba(0,0,0,0.02);border-bottom:1px solid #e9edf3;position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);backdrop-filter:blur(4px)}.header-flex{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.logo-area{display:flex;align-items:center;gap:8px}.logo-icon{background:#a7875b;color:#fff;font-weight:700;font-size:1.6rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:8px;letter-spacing:1px}.logo-text{font-size:1.7rem;font-weight:700;letter-spacing:-0.5px;color:#0e1a2b}.logo-text span{color:#a7875b}.nav-menu{display:flex;flex-wrap:wrap;gap:32px;font-weight:500}.nav-menu a{color:#1f2a3f;font-size:1rem;padding:6px 0;border-bottom:2px solid transparent;transition:0.2s}.nav-menu a:hover,.nav-menu a.active{border-bottom-color:#a7875b;color:#0e1a2b}.header-cta{background:#0e1a2b;color:#fff;padding:10px 28px;border-radius:40px;font-weight:600;font-size:.95rem;transition:background .2s;border:none;cursor:pointer}.header-cta:hover{background:#a7875b}.section-nav{background:#ffffff;padding:20px 0 14px;border-bottom:1px solid #eef2f7;position:sticky;top:80px;z-index:99;background:rgba(255,255,255,0.96);backdrop-filter:blur(2px)}.section-nav .nav-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 40px}.section-nav .nav-grid a{font-weight:600;color:#1f2a3f;font-size:1rem;padding:4px 0;border-bottom:2px solid transparent;transition:.2s}.section-nav .nav-grid a:hover{border-bottom-color:#a7875b;color:#0e1a2b}.hero{padding:56px 0 60px;background:linear-gradient(145deg,#f2f5fa 0,#ffffff 100%)}.hero-grid{display:flex;flex-wrap:wrap;align-items:center;gap:40px}.hero-content{flex:1 1 380px}.hero-content h1{font-size:3.2rem;font-weight:700;line-height:1.2;letter-spacing:-1px;color:#0e1a2b;margin-bottom:18px}.hero-content h1 span{color:#a7875b}.hero-content p{font-size:1.2rem;color:#3a445a;max-width:520px;margin-bottom:28px}.hero-btn{background:#0e1a2b;color:#fff;padding:14px 42px;border-radius:60px;font-weight:600;font-size:1.1rem;border:none;transition:.2s;cursor:pointer;display:inline-block}.hero-btn:hover{background:#a7875b;transform:translateY(-2px)}.hero-image{flex:1 1 380px;height:260px;border-radius:24px;overflow:hidden;background:#dce3ed}.hero-image img{width:100%;height:100%;object-fit:cover}.section-title{font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:8px;color:#0e1a2b}.section-subtitle{color:#4f5d78;margin-bottom:32px;font-size:1.05rem}.gallery-section{padding:56px 0 60px;background:#ffffff;scroll-margin-top:160px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.gallery-grid .gallery-item:first-child{grid-column:span 2;grid-row:span 2}.gallery-item{border-radius:16px;overflow:hidden;aspect-ratio:1/1;background:#e8edf5;box-shadow:0 2px 8px rgba(0,0,0,0.04);transition:transform .3s,box-shadow .3s;border:1px solid #e9edf3}.gallery-item:first-child{aspect-ratio:auto}.gallery-item:hover{transform:scale(1.02);box-shadow:0 8px 28px rgba(0,0,0,0.08);border-color:#c5b29a}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.lawyers-section{padding:60px 0 48px;background:#f8fafc;scroll-margin-top:160px}.lawyer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;margin-top:8px}.lawyer-card{background:#ffffff;border-radius:20px;padding:28px 18px 22px;text-align:center;border:1px solid #eef2f7;transition:.25s}.lawyer-card:hover{transform:translateY(-5px);border-color:#c5b29a}.lawyer-avatar{width:100px;height:100px;border-radius:50%;background:#dce3ed;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:500;color:#2b3850;background-image:radial-gradient(circle at 30% 30%,#eef2f7,#d0d9e6)}.lawyer-card h3{font-size:1.25rem;margin-bottom:4px}.lawyer-card .title-tag{color:#a7875b;font-weight:600;font-size:.9rem;letter-spacing:.3px}.lawyer-card p{font-size:.95rem;color:#43506b;margin-top:10px}.articles-section{padding:56px 0 56px;background:#ffffff;scroll-margin-top:160px}.article-list{display:flex;flex-direction:column;gap:18px;max-width:1000px;margin:0 auto}.article-item{background:#f8fafc;border-radius:14px;padding:20px 28px;border:1px solid #e9edf3;transition:.15s}.article-item:hover{border-color:#c5b29a;background:#fcfdff}.article-item .meta{font-size:.85rem;color:#7f8ba3;margin-bottom:4px;display:flex;gap:20px;flex-wrap:wrap}.article-item h3{font-size:1.2rem;margin-bottom:4px;color:#0e1a2b;font-weight:600}.article-item p{color:#43506b;font-size:.98rem;margin:6px 0 0}.friend-links{background:#f2f5fa;padding:40px 0 48px;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.friend-links .links-group{display:flex;flex-wrap:wrap;gap:16px 32px}.friend-links .links-group a{color:#2d3b54;font-weight:500;border-bottom:1px dotted transparent;transition:.15s}.friend-links .links-group a:hover{border-bottom-color:#a7875b;color:#0e1a2b}.footer{background:#0e1a2b;color:#b6c9e0;padding:44px 0 28px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:36px;margin-bottom:28px}.footer h4{color:#ffffff;font-size:1.1rem;margin-bottom:16px;font-weight:600}.footer .footer-item{margin-bottom:6px}.footer .copyright{border-top:1px solid #1f3450;padding-top:24px;text-align:center;font-size:.9rem;color:#7f94b0}@media(max-width:1024px){.gallery-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid .gallery-item:first-child{grid-column:span 2;grid-row:span 2}}@media(max-width:800px){.header-flex{flex-direction:column;gap:18px;align-items:stretch}.nav-menu{justify-content:center;gap:16px}.logo-area{justify-content:center}.hero-content h1{font-size:2.5rem}.section-nav .nav-grid{gap:10px 20px}.article-item{padding:16px 18px}.section-nav{top:120px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid .gallery-item:first-child{grid-column:span 2;grid-row:span 1}}@media(max-width:480px){.container{padding:0 16px}.hero{padding:36px 0}.section-nav{top:140px}.gallery-grid{grid-template-columns:1fr 1fr;gap:12px}.gallery-grid .gallery-item:first-child{grid-column:span 2}}