:root{
  --bg:#070911;
  --bg2:#0b1020;
  --card:#0d1324;
  --card2:#111932;
  --line:rgba(255,255,255,.09);
  --text:#f5f7ff;
  --muted:#a9b2c7;
  --cyan:#1de6ff;
  --pink:#ff2a8b;
  --blue:#5f7cff;
  --green:#32d296;
  --shadow:0 20px 60px rgba(0,0,0,.35);
  --radius:22px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:
radial-gradient(circle at 0% 20%, rgba(255,0,102,.28), transparent 30%),
radial-gradient(circle at 100% 30%, rgba(0,255,255,.18), transparent 32%),
linear-gradient(180deg,#05070f,#09101d 60%,#05070f);
color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}

.pk-shell{max-width:1320px;margin:0 auto;padding:24px}
.pk-topbar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 18px;margin-bottom:24px;border:1px solid var(--line);
  background:rgba(10,14,30,.82);backdrop-filter:blur(12px);border-radius:20px;
  box-shadow:var(--shadow)
}
.pk-brand{display:flex;align-items:center;gap:14px}
.pk-brand-logo{
  width:56px;height:56px;border-radius:18px;display:grid;place-items:center;
  font-size:28px;background:linear-gradient(135deg,var(--cyan),var(--pink));color:#08111f
}
.pk-brand-name{font-size:34px;font-weight:800;line-height:1}
.pk-brand-sub{font-size:12px;letter-spacing:1.1px;color:var(--muted);font-weight:700}
.pk-nav{display:flex;gap:10px;flex-wrap:wrap}
.pk-nav a{
  padding:10px 14px;border:1px solid var(--line);border-radius:999px;
  background:rgba(255,255,255,.03);font-weight:700;font-size:14px
}
.pk-nav a.active{background:linear-gradient(90deg,rgba(29,230,255,.15),rgba(255,42,139,.15));border-color:rgba(255,255,255,.18)}
.pk-lang select{
  min-width:120px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);
  background:#0b1223;color:#fff
}

.pk-hero{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:28px;border:1px solid var(--line);border-radius:28px;
  background:linear-gradient(135deg,rgba(255,42,139,.08),rgba(29,230,255,.08),rgba(0,0,0,.05));
  box-shadow:var(--shadow);margin-bottom:24px
}
.pk-pill{
  display:inline-flex;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:800;
  border:1px solid rgba(29,230,255,.25);background:rgba(29,230,255,.08);margin-bottom:16px
}
.pk-title{font-size:68px;line-height:.95;margin:0 0 10px;font-weight:900}
.pk-subtitle{margin:0;color:var(--muted);max-width:760px;font-size:18px}
.pk-hero-actions{display:flex;gap:12px;flex-wrap:wrap}

.pk-btn{
  border:none;border-radius:16px;padding:14px 18px;font-weight:800;cursor:pointer;
  color:#fff;box-shadow:var(--shadow)
}
.pk-btn-primary{background:linear-gradient(135deg,#02c3df,#2d7ef7)}
.pk-btn-pink{background:linear-gradient(135deg,#ff2a8b,#ff5ca8)}
.pk-btn-dark{background:linear-gradient(135deg,#192036,#0c1121);border:1px solid var(--line)}

.pk-main-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
.pk-card{
  border:1px solid var(--line);border-radius:24px;background:rgba(10,15,30,.88);
  padding:24px;box-shadow:var(--shadow)
}
.pk-card h2{margin:10px 0 20px;font-size:24px}
.pk-step{
  display:inline-flex;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800;
  color:#ff8fc1;background:rgba(255,42,139,.08);border:1px solid rgba(255,42,139,.22)
}
.pk-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pk-span-2{grid-column:span 2}
.pk-span-full{grid-column:1 / -1}
.pk-field{display:flex;flex-direction:column;gap:8px}
.pk-field span{font-size:13px;font-weight:800;color:#d8e1ff}
.pk-field input,
.pk-field select,
.pk-field textarea{
  width:100%;border-radius:16px;border:1px solid var(--line);padding:14px 16px;
  background:#0b1223;color:#fff;outline:none
}
.pk-field input::placeholder,
.pk-field textarea::placeholder{color:#7280a0}

.pk-status{
  margin-top:14px;min-height:22px;font-weight:700;color:#8ae6ff
}

.pk-preview-wrap{
  border:1px dashed rgba(255,255,255,.12);border-radius:22px;padding:18px;
  background:linear-gradient(180deg,rgba(29,230,255,.05),rgba(255,42,139,.05))
}
.pk-preview-empty{
  min-height:260px;display:grid;place-items:center;text-align:center;
  color:var(--muted);padding:24px
}
.pk-preview-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px
}
.pk-preview-grid img{
  width:100%;border-radius:20px;border:1px solid var(--line);display:block;background:#09101d
}
.pk-preview-video-box video{
  width:100%;max-width:460px;border-radius:20px;border:1px solid var(--line);display:block
}
.pk-preview-video-box{display:flex;justify-content:center}
.pk-badge-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.pk-badge{
  padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800;
  background:rgba(255,255,255,.06);border:1px solid var(--line);color:#d7deef
}
.pk-note{font-size:12px;color:var(--muted);margin-top:10px}

@media (max-width:1080px){
  .pk-main-grid{grid-template-columns:1fr}
  .pk-title{font-size:52px}
  .pk-hero{flex-direction:column;align-items:flex-start}
}
@media (max-width:760px){
  .pk-shell{padding:14px}
  .pk-topbar{flex-direction:column;align-items:flex-start}
  .pk-grid-2{grid-template-columns:1fr}
  .pk-span-2{grid-column:auto}
  .pk-title{font-size:42px}
}