:root{
  --brand:#6F1C87;
  --card:#ffffff;
  --text:#141414;
  --muted:#6b7280;
  --ring:rgba(111,28,135,.35);
  --radius:22px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;
  background:var(--brand); color:var(--text);
  display:flex;align-items:center;justify-content:center;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.wrapper{width:100%;max-width:820px;padding:24px}
.card{
  background:var(--card);
  border-radius:var(--radius);
  box-shadow:0 22px 60px rgba(0,0,0,.28);
  margin:auto; padding:32px 28px;
}
@media (min-width:720px){ .card{ padding:46px 56px } }
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;}
.lang{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:600}
.lang svg{opacity:.8}
.logo{display:block;margin:14px auto 8px;width:120px;height:auto;}
.title{text-align:center;margin:6px 0 22px 0;}
.title h1{font-size:28px;letter-spacing:.5px;margin:10px 0 8px 0}
.title p{color:var(--muted);margin:0}
.section-title{margin:16px 0 10px 0;font-weight:700;text-align:center;}
.pack{display:flex;flex-direction:column;gap:12px;}
.option{display:flex;align-items:center;gap:14px;padding:16px;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;background:#fff;transition:all .15s ease;}
.option:hover{border-color:#d1d5db}
.option.active{border-color:var(--brand);box-shadow:0 0 0 6px var(--ring)}
.option .price{margin-left:auto;font-weight:800}
.option .desc{color:var(--muted);margin-top:4px;font-size:14px}
.radio{width:20px;height:20px;border-radius:999px;border:2px solid #c7cbd1;display:inline-flex;align-items:center;justify-content:center;}
.option.active .radio{border-color:var(--brand)}
.option.active .radio::after{content:'';width:10px;height:10px;border-radius:999px;background:var(--brand);}
.tos{display:flex;align-items:center;gap:10px;color:#374151;font-size:14px;margin-top:12px}
.tos a{color:#4f46e5;text-decoration:none}
.tos a:hover{text-decoration:underline}
.btn{margin-top:16px;width:100%;border:none;border-radius:14px;padding:14px 18px;font-weight:700;font-size:16px;background:#5a1470;color:#fff;cursor:pointer;transition:transform .04s ease,filter .15s ease;}
.btn:hover{filter:brightness(1.05)}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.55;cursor:not-allowed}
.footerNote{text-align:center;margin-top:12px;color:#e9d8ef;font-size:12px;opacity:.9;}
/* --- Language flags --- */
.card{ position:relative; } /* kad absoliutus pozicionavimas būtų kortelėje */
.lang-picker{
  position:absolute; left:16px; top:14px;
  display:flex; gap:6px; align-items:center; z-index:5;
}
/* paslepiam seno select'ą, bet paliekam prieinamumui */
.lang-picker .lang-hidden{
  position:absolute; opacity:0; pointer-events:none; width:1px; height:1px;
}
.lang-flags .flag{
  width:28px; height:22px; font-size:16px; line-height:22px;
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid #ddd; border-radius:6px; background:#fff; cursor:pointer;
}
.lang-flags .flag.active{
  border-color:#6F1C87; box-shadow:0 0 0 2px rgba(111,28,135,.18);
}