.pk-area-page { --pk-area-ice: #eef7fb; }
.pk-area-hero { padding: clamp(150px,18vw,210px) 0 78px; background: radial-gradient(circle at 78% 18%,rgba(18,169,212,.2),transparent 32%),#06131d; color:#fff; }
.pk-area-hero__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.86fr); gap:64px; align-items:center; }
.pk-area-hero h1 { max-width:760px; margin:18px 0; color:#fff; font-size:clamp(42px,5.6vw,72px); line-height:1.02; letter-spacing:-.05em; }
.pk-area-hero p { max-width:720px; color:rgba(255,255,255,.78); font-size:18px; }
.pk-area-hero figure { margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.18); border-radius:18px; box-shadow:0 28px 70px rgba(0,0,0,.32); }
.pk-area-hero figure img { width:100%; height:auto; }
.pk-area-section { padding:86px 0; }
.pk-area-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.pk-area-card { display:flex; min-height:270px; flex-direction:column; padding:30px; border:1px solid #d7e4ea; border-radius:14px; background:#fff; box-shadow:0 14px 38px rgba(6,30,44,.06); transition:transform .2s,border-color .2s; }
.pk-area-card:hover,.pk-area-card:focus-visible { transform:translateY(-4px); border-color:#12a9d4; }
.pk-area-card span { color:#087fa9; font-size:12px; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.pk-area-card h3 { margin:12px 0; color:#071722; font-size:30px; }
.pk-area-card p { margin:0 0 24px; color:#53636e; }
.pk-area-card strong { margin-top:auto; color:#087fa9; }
.pk-area-rules { background:var(--pk-area-ice); }
.pk-area-rules__grid { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:70px; align-items:start; }
.pk-area-rules h2 { margin:8px 0 18px; font-size:clamp(36px,4vw,54px); letter-spacing:-.045em; }
.pk-area-rules li { margin:9px 0; }
.pk-area-rules aside { padding:34px; border-radius:14px; background:#071b28; color:#fff; box-shadow:0 22px 55px rgba(5,28,42,.18); }
.pk-area-rules aside span { color:#40c9ec; font-size:12px; font-weight:850; text-transform:uppercase; }
.pk-area-rules aside h3 { margin:15px 0; color:#fff; font-size:26px; }
.pk-area-rules aside p { color:rgba(255,255,255,.72); }
.pk-area-rules aside a { color:#40c9ec; font-size:24px; font-weight:850; }
.pk-area-other { background:#fff; }
.pk-area-links { display:flex; flex-wrap:wrap; gap:10px; }
.pk-area-links a { padding:10px 14px; border:1px solid #d7e4ea; border-radius:999px; background:#f7fafb; color:#153345; font-weight:750; }
.pk-area-links a:hover,.pk-area-links a:focus-visible { border-color:#12a9d4; color:#087fa9; }
@media (max-width:980px) { .pk-area-hero__grid,.pk-area-rules__grid { grid-template-columns:1fr; } .pk-area-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:580px) { .pk-area-hero { padding-top:140px; } .pk-area-hero__grid { gap:34px; } .pk-area-hero h1 { font-size:42px; } .pk-area-cards { grid-template-columns:1fr; } .pk-area-card { min-height:0; } .pk-area-section { padding:58px 0; } .pk-area-rules__grid { gap:34px; } }