
*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
html{scroll-behavior:smooth}
body{background:#0f172a;color:#fff;line-height:1.7}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:90%;max-width:1180px;margin:auto}
header{background:rgba(15,23,42,.98);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:100}
nav{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:18px}
.logo-wrap{display:flex;align-items:center;gap:12px}
.site-logo{width:72px;height:72px;object-fit:contain;border-radius:12px;background:#fff}
.logo-text h1{font-size:22px;color:#fbbf24;line-height:1.2}
.logo-text span{font-size:12px;color:#cbd5e1;letter-spacing:2px;text-transform:uppercase}
.nav-links{display:flex;gap:18px;font-size:14px;color:#e5e7eb;flex-wrap:wrap}
.nav-links a:hover{color:#fbbf24}
.btn{display:inline-block;background:#f97316;color:#fff;padding:13px 22px;border-radius:10px;font-weight:700;transition:.3s;border:none;cursor:pointer}
.btn:hover{background:#ea580c;transform:translateY(-2px)}
.btn-yellow{background:#fbbf24;color:#111827}.btn-yellow:hover{background:#f59e0b}
.btn-dark{background:#111827;color:#fff;padding:14px 24px;border-radius:10px;font-weight:700;display:inline-block;transition:.3s}
.btn-dark:hover{background:#1f2937;transform:translateY(-2px)}
.hero{padding:88px 0;background:linear-gradient(135deg,#0f172a 0%,#123069 48%,#f97316 100%);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(251,191,36,.22),transparent 35%);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center}
.badge{display:inline-block;background:rgba(251,191,36,.14);color:#fbbf24;padding:8px 14px;border-radius:999px;margin-bottom:20px;font-weight:700;font-size:14px}
h1{font-size:54px;line-height:1.08;margin-bottom:22px}
.hero p{font-size:19px;color:#e5e7eb;max-width:690px;margin-bottom:30px}
.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}
.home-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.photo-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:14px;box-shadow:0 20px 50px rgba(0,0,0,.28)}
.photo-card img{width:100%;height:230px;object-fit:cover;border-radius:18px}
.photo-card.big{grid-column:1/-1;text-align:center}.photo-card.big img{height:270px}.photo-card h3{color:#fbbf24;margin-top:14px;font-size:20px}
section{padding:78px 0}
.section-title{text-align:center;margin-bottom:45px}
.section-title span{color:#fbbf24;font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:13px}
.section-title h2{font-size:40px;margin-top:10px;line-height:1.2}
.section-title p{color:#cbd5e1;max-width:860px;margin:14px auto 0}
.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.service-card{background:#1e293b;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;transition:.3s}
.service-card:hover{transform:translateY(-6px);border-color:#f97316}
.service-images{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#111827;padding:10px}
.service-images img{width:100%;height:160px;object-fit:cover;border-radius:12px}
.service-content{padding:28px}.service-card h3{color:#fbbf24;font-size:25px;margin-bottom:12px;line-height:1.25}
.service-card p{color:#cbd5e1;margin-bottom:13px}.service-card ul{padding-left:20px;color:#e5e7eb;margin-top:12px}.service-card li{margin-bottom:7px}
.light-section{background:#f8fafc;color:#0f172a}.light-section .section-title span{color:#f97316}.light-section .section-title p,.light-section .check-card p,.light-section .step-card p,.light-section .about-card p{color:#475569}
.about-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.about-card,.check-card,.step-card,.contact-card{background:#fff;border-radius:18px;padding:26px;border:1px solid #e2e8f0;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.about-card h3,.check-card h3,.step-card h3,.contact-card h3{color:#0f2e62;margin-bottom:10px;font-size:22px}
.checklist-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.check-card ul{padding-left:20px;color:#334155}.check-card li{margin-bottom:8px}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step-number{width:44px;height:44px;background:#f97316;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:800;margin-bottom:15px}
.contact-section{background:#f8fafc;color:#0f172a}.contact-card p{color:#475569;margin-bottom:14px}.contact-info{margin-top:20px;display:grid;gap:12px;font-weight:700;color:#0f172a}
form{display:grid;gap:14px}label{font-weight:700;color:#0f172a;font-size:14px}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #cbd5e1;border-radius:10px;font-size:15px;outline:none;background:#fff;color:#0f172a}
input:focus,select:focus,textarea:focus{border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.14)}textarea{min-height:130px;resize:vertical}.form-note{font-size:13px;color:#64748b;margin-top:8px}
.cta{background:linear-gradient(135deg,#f97316,#fbbf24);color:#111827;text-align:center;border-radius:28px;padding:55px 25px}.cta h2{font-size:38px;margin-bottom:15px;line-height:1.2}.cta p{max-width:820px;margin:0 auto 26px;font-size:18px}
.page-hero{padding:70px 0;background:linear-gradient(135deg,#0f172a,#123069)}
.page-hero h1{max-width:900px}.breadcrumb{color:#fbbf24;margin-bottom:15px;font-weight:700}
.content-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:start}
.content-card{background:#fff;color:#0f172a;border-radius:22px;padding:32px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.content-card p{margin-bottom:16px;color:#334155}.content-card ul{padding-left:20px;color:#334155}.content-card li{margin-bottom:8px}
.gallery{display:grid;grid-template-columns:1fr;gap:16px}.gallery img{border-radius:20px;width:100%;height:280px;object-fit:cover}
footer{border-top:1px solid rgba(255,255,255,.08);padding:28px 0;text-align:center;color:#94a3b8}
@media(max-width:900px){.hero-grid,.services-grid,.checklist-grid,.process-grid,.about-grid,.contact-grid,.home-photos,.content-grid{grid-template-columns:1fr}.photo-card.big{grid-column:auto}h1{font-size:38px}.section-title h2{font-size:31px}.nav-links{display:none}.site-logo{width:58px;height:58px}.logo-text h1{font-size:18px}.photo-card img,.photo-card.big img,.gallery img{height:220px}.service-images img{height:135px}}
