*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial;
    letter-spacing:.2px;
}
a{color:inherit;text-decoration:none}
.container{max-width:var(--max); margin:0 auto; padding:0 22px}
.section{padding:70px 0}

.muted{color:var(--muted)}
.h1{font-size:clamp(34px,5vw,62px); line-height:1.02; margin:0 0 16px}
.h2{font-size:clamp(26px,3vw,40px); line-height:1.08; margin:0 0 12px}
.h3{font-size:18px; margin:0 0 10px; letter-spacing:.3px}
.lead{font-size:18px; color:var(--muted); max-width:60ch}
.text{color:var(--muted); line-height:1.75; max-width:70ch}

.h1, .lead{ text-shadow: 0 10px 30px rgba(0,0,0,.55); }

.btn{
    display:inline-flex; align-items:center; justify-content:center;
    gap:10px; padding:12px 18px; border-radius:999px;
    border:1px solid var(--line); transition:.2s ease;
    font-weight:600;
}
.btn:hover{transform:translateY(-1px)}
.btn-solid{background:var(--accent); color:#0b0c0e; border-color:transparent}
.btn-ghost{background:transparent}
.btn-full{width:100%}

.card{
    background:rgba(255,255,255,.03);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:22px;
    backdrop-filter: blur(10px);
}

html, body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
    overscroll-behavior:none;
    -webkit-text-size-adjust:100%;
}

/* iOS: чтобы не было авто-зума на инпутах */
input, select, textarea{ font-size:16px; }