:root { --black:#1b1c1a; --graphite:#292a27; --paper:#f1f2ef; --white:#fff; --gold:#b99949; --gold-light:#d3bb78; --line:#d8dad4; --muted:#777b73; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:#111; background:var(--paper); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
.public-header { position:sticky; top:0; z-index:50; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; min-height:76px; padding:0 clamp(22px,5vw,90px); color:#fff; background:#1b1c1af5; border-bottom:1px solid #ffffff1d; backdrop-filter:blur(12px); }
.public-brand { grid-column:2; font-family:Georgia,serif; font-size:22px; font-weight:700; letter-spacing:.18em; }
.public-header nav { grid-column:3; display:flex; justify-content:flex-end; align-items:center; gap:28px; font-size:13px; }
.catalog-link { padding:11px 16px; border:1px solid var(--gold); }
.public-hero { position:relative; min-height:calc(100vh - 76px); overflow:hidden; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:90px 20px; color:#fff; text-align:center; background:radial-gradient(circle at 50% 45%,#4b4c47 0,#282925 35%,#171816 73%); }
.public-hero h1 { position:relative; z-index:2; margin:8px 0 18px; font-family:Georgia,serif; font-size:clamp(64px,13vw,190px); letter-spacing:.05em; line-height:.85; }
.public-hero>p:not(.hero-kicker) { position:relative; z-index:2; max-width:650px; margin:0 0 34px; color:#d4d5d0; font-size:clamp(17px,2vw,25px); line-height:1.45; }
.hero-kicker,.eyebrow { margin:0 0 18px; color:var(--gold-light); font-size:12px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; }
.gold-button { position:relative; z-index:2; display:inline-flex; justify-content:center; align-items:center; min-height:50px; padding:0 28px; border:0; color:#171816; background:var(--gold-light); font-weight:800; cursor:pointer; }
.gold-button:disabled { opacity:.55; cursor:wait; }
.hero-orbit { position:absolute; width:min(68vw,790px); aspect-ratio:1; border:1px solid #d3bb7835; border-radius:50%; animation:rotate 30s linear infinite; }
.hero-orbit:before,.hero-orbit:after { content:""; position:absolute; inset:12%; border:1px solid #ffffff12; border-radius:50%; transform:rotate(38deg) scaleX(.55); }
.hero-orbit:after { inset:24%; transform:rotate(-25deg) scaleX(1.35); }
.hero-orbit i { position:absolute; width:8px; height:8px; border-radius:50%; background:var(--gold-light); box-shadow:0 0 24px var(--gold); }
.hero-orbit i:nth-child(1){top:6%;left:55%}.hero-orbit i:nth-child(2){right:4%;top:58%}.hero-orbit i:nth-child(3){bottom:8%;left:22%}
@keyframes rotate { to { transform:rotate(360deg); } }
.section-pad { padding:clamp(70px,9vw,140px) clamp(22px,7vw,130px); }
.section-pad h2 { max-width:900px; margin:0 0 48px; font-family:Georgia,serif; font-size:clamp(38px,5vw,72px); font-weight:500; line-height:1.03; }
.about-stage { position:relative; min-height:760px; display:flex; align-items:center; justify-content:flex-end; overflow:hidden; background:#222320; }
.satellite-visual { position:absolute; inset:0 37% 0 0; display:grid; place-items:center; background:radial-gradient(circle at 45% 45%,#6d6d64 0,#3b3c37 24%,#222320 68%); }
.satellite-visual:before,.satellite-visual:after { content:""; position:absolute; width:min(44vw,590px); aspect-ratio:1; border:1px solid #c3aa6652; border-radius:50%; transform:rotate(22deg) scaleY(.35); }
.satellite-visual:after { transform:rotate(-32deg) scaleX(.44); }
.satellite-visual span { width:150px; height:150px; display:grid; place-items:center; border:1px solid var(--gold); color:var(--gold-light); font:90px Georgia,serif; }
.about-card { position:relative; z-index:2; width:min(620px,58%); padding:clamp(32px,5vw,76px); background:#fff; box-shadow:0 35px 80px #0005; }
.about-card h2 { margin-bottom:28px; font-size:clamp(34px,4vw,60px); }
.about-card p:not(.eyebrow) { color:#4a4d47; font-size:17px; line-height:1.72; }
.assortment { background:#e9eae6; }
.assortment-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #bfc2ba; }
.assortment-grid article { min-height:300px; padding:32px 30px; border-right:1px solid #bfc2ba; }
.assortment-grid article:last-child { border:0; }
.assortment-grid span,.advantage-grid b { color:var(--gold); font-size:13px; }
.assortment-grid h3,.advantage-grid h3 { margin:80px 0 16px; font-family:Georgia,serif; font-size:28px; font-weight:500; }
.assortment-grid p,.advantage-grid p { color:#666a62; line-height:1.65; }
.advantages { color:#fff; background:#1c1d1b; }
.advantage-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:#ffffff24; }
.advantage-grid article { min-height:320px; padding:32px; background:#242522; }
.advantage-grid p { color:#b9bbb5; }
.team { background:#fff; }
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.team-grid article { padding:30px; background:#eeefeb; }
.team-grid span { width:76px; height:76px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#242522; font-family:Georgia,serif; }
.team-grid h3 { margin:45px 0 8px; font-family:Georgia,serif; font-size:25px; }
.team-grid p { color:var(--muted); }
.faq { background:#e9eae6; }
.faq details { max-width:1050px; border-top:1px solid #bfc2ba; }
.faq details:last-child { border-bottom:1px solid #bfc2ba; }
.faq summary { padding:25px 3px; font-size:20px; font-weight:700; cursor:pointer; }
.faq details p { max-width:760px; margin:0 0 25px; color:#60635d; line-height:1.65; }
.contacts { display:grid; grid-template-columns:1.5fr 1fr; gap:50px; color:#fff; background:#262724; }
.contacts h2 { margin-bottom:0; }
.contacts>div:last-child { align-self:end; padding-bottom:9px; font-size:19px; }
.contacts a { display:inline-block; margin-top:25px; color:var(--gold-light); }
footer { display:flex; justify-content:space-between; padding:28px clamp(22px,7vw,130px); color:#a8aaa4; background:#171816; font-size:12px; letter-spacing:.14em; }
.client-login-page { min-height:100vh; color:#fff; background:#191a18; }
.login-back { position:fixed; top:28px; left:32px; z-index:4; color:#d0d2cc; font-size:13px; }
.client-login-shell { min-height:100vh; display:grid; grid-template-columns:1.15fr .85fr; }
.login-brand-panel { position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:center; padding:clamp(50px,9vw,145px); background:radial-gradient(circle at 55% 45%,#4e4f49,#232421 58%,#191a18); }
.login-brand-panel:after { content:""; position:absolute; width:560px; height:560px; left:40%; top:20%; border:1px solid #cdb66f42; border-radius:50%; }
.brand-mark { width:74px; height:74px; display:grid; place-items:center; border:1px solid var(--gold); color:var(--gold-light); font:46px Georgia,serif; }
.login-brand-panel p { margin:70px 0 12px; color:var(--gold-light); text-transform:uppercase; letter-spacing:.15em; font-size:12px; }
.login-brand-panel h1 { position:relative; z-index:2; margin:0 0 25px; font:clamp(48px,7vw,110px)/.9 Georgia,serif; letter-spacing:.04em; }
.login-brand-panel span { position:relative; z-index:2; max-width:480px; color:#bfc1bb; font-size:18px; line-height:1.6; }
.client-login-card { display:flex; flex-direction:column; justify-content:center; padding:clamp(40px,9vw,130px); color:#171816; background:#f2f3ef; }
.client-login-card h2 { margin:0 0 35px; font:42px Georgia,serif; }
.client-login-card label { display:grid; gap:9px; margin-bottom:20px; color:#555951; font-size:13px; font-weight:700; }
.client-login-card input { width:100%; height:54px; padding:0 15px; border:1px solid #c9ccc4; background:#fff; font-size:17px; outline:none; }
.client-login-card input:focus { border-color:var(--gold); box-shadow:0 0 0 3px #b9994922; }
.client-login-card .gold-button { width:100%; margin-top:5px; }
.client-login-card small { margin-top:24px; color:#777b73; line-height:1.5; }
.form-error { min-height:20px; margin:14px 0 0; color:#b63535; font-weight:700; }
@media(max-width:850px){.public-header{grid-template-columns:1fr auto}.public-brand{grid-column:1}.public-header nav{grid-column:2}.public-header nav a:not(.catalog-link){display:none}.about-stage{padding-top:420px}.satellite-visual{inset:0 0 auto;height:470px}.about-card{width:100%}.assortment-grid,.team-grid{grid-template-columns:1fr}.assortment-grid article{min-height:220px;border-right:0;border-bottom:1px solid #bfc2ba}.assortment-grid h3{margin-top:42px}.advantage-grid{grid-template-columns:1fr 1fr}.contacts{grid-template-columns:1fr}.client-login-shell{grid-template-columns:1fr}.login-brand-panel{min-height:42vh;padding:90px 28px 45px}.login-brand-panel h1{font-size:58px}.login-brand-panel p{margin-top:36px}.client-login-card{min-height:58vh;padding:45px 28px}.login-back{top:20px;left:20px}}
@media(max-width:520px){.public-header{min-height:64px;padding:0 16px}.public-brand{font-size:17px}.catalog-link{padding:9px 11px}.public-hero{min-height:calc(100vh - 64px)}.public-hero h1{font-size:17vw}.section-pad{padding:65px 18px}.advantage-grid{grid-template-columns:1fr}.advantage-grid article{min-height:240px}.contacts{padding-bottom:75px}}