:root{font-family:Tahoma,"Segoe UI",sans-serif;color:#e9ecf5;background:#0f1220;line-height:1.7}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at top right,#20284e 0,#0f1220 38%,#0a0d16 100%);min-height:100vh}
a{color:#aebaff}
.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid #29304d;background:rgba(10,13,22,.82);backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}
.brand{font-weight:800;font-size:1.35rem;color:#fff;text-decoration:none}
.topbar nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.topbar nav a{color:#bfc6dc;text-decoration:none}
.topbar nav a:hover{color:#fff}
.shell{max-width:1120px;margin:0 auto;padding:52px 24px 80px}
.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:center;padding:48px 0}
.hero h1{font-size:clamp(2.2rem,5vw,4.7rem);line-height:1.15;margin:.15em 0}
.hero p{color:#bcc4da;font-size:1.08rem;max-width:720px}
.trial-copy{margin-top:18px}
.trial-card h2{margin:.35rem 0}
.eyebrow{color:#8ea0ff;font-weight:700}
.page-heading{margin-bottom:24px}
.page-heading h1{margin:.3rem 0}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;align-items:center}
.compact-actions{margin-top:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:11px 18px;border:1px solid #3b456c;background:#1a2035;color:#fff;text-decoration:none;cursor:pointer;font:inherit;max-width:100%}
.btn-primary{background:#5667ff;border-color:#5667ff}
.btn-danger{background:#642c38;border-color:#874050}
.btn-compact{width:auto;min-width:0;padding:9px 15px;align-self:flex-start}
.btn.disabled{opacity:.55;cursor:not-allowed;pointer-events:none}
.card,.panel{background:rgba(23,28,46,.9);border:1px solid #2b3455;border-radius:18px;padding:24px;box-shadow:0 16px 50px rgba(0,0,0,.18)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.secondary-grid{margin-top:22px}
.feature h3,.card h3{margin-top:0}
.muted{color:#99a4c0}
.price{font-size:2rem;font-weight:800}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:flex;flex-direction:column;gap:7px;min-width:0}
.field.full{grid-column:1/-1}
.align-end{margin-top:auto}
label{font-weight:700}
input,textarea,select{width:100%;border:1px solid #35405f;background:#0f1424;color:#fff;border-radius:10px;padding:11px 12px;font:inherit}
input:focus,textarea:focus,select:focus{outline:2px solid #5667ff;outline-offset:1px}
input[readonly]{color:#cbd3e8;background:#151a2c;cursor:default}
.validation{color:#ff9dad}
.notice{padding:14px 16px;border:1px solid #465278;border-radius:12px;background:#171e32}
.success{border-color:#2c7755;background:#112a20}
.error{border-color:#85404f;background:#2d171d}
.referral-box{border-color:#6676c7;background:#171d38}
.table-wrap{overflow:auto;border:1px solid #2b3455;border-radius:14px}
table{width:100%;border-collapse:collapse;background:#151a2c}
th,td{text-align:right;padding:12px 14px;border-bottom:1px solid #28314f;white-space:nowrap}
th{color:#aeb8d3;font-weight:700}
.orders-table th,.orders-table td{text-align:center;vertical-align:middle}
.orders-table .ltr{direction:ltr;text-align:center}
.badge{display:inline-block;padding:3px 9px;border-radius:999px;background:#28314f;color:#dce2f5;font-size:.86rem}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stat strong{display:block;font-size:1.7rem}
.admin-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px;align-items:center}
.admin-nav form{margin:0}
.order-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.order-summary>div{display:flex;flex-direction:column;gap:4px;text-align:center}
.order-summary strong{font-size:1.05rem}
.ltr{direction:ltr;text-align:left}
.center-ltr{text-align:center}
.stack{display:flex;flex-direction:column;gap:16px}
.row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.reject-form{flex:1;justify-content:flex-end}
.reject-form input{max-width:360px}
.receipt-preview{border:1px solid #323d60;border-radius:16px;overflow:hidden;background:#0b0e18;display:flex;justify-content:center;align-items:center;min-height:220px}
.receipt-preview img{display:block;max-width:100%;max-height:720px;object-fit:contain}
.receipt-preview iframe{width:100%;height:680px;border:0;background:#fff}
.key-panel{overflow:hidden}
.key-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:8px}
.license-key{direction:ltr;display:block;flex:1;min-width:260px;overflow-wrap:anywhere;background:#0c1020;border:1px solid #313b5e;border-radius:12px;padding:14px 16px;font-size:1.05rem;color:#fff}
.metadata-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tutorial-list{display:grid;gap:16px}
.tutorial-card{display:flex;align-items:center;justify-content:space-between;gap:18px}
.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.gallery-card{margin:0;padding:14px;overflow:hidden}
.gallery-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;border:1px solid #303a5d;background:#0a0d16}
.gallery-card figcaption{padding:12px 6px 4px}
.admin-gallery-list{display:grid;gap:12px}
.admin-gallery-item{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:16px;padding:14px}
.admin-gallery-item img{width:140px;height:90px;object-fit:cover;border-radius:10px;border:1px solid #303a5d}
.download-hero{max-width:900px;margin:20px auto}
.footer{text-align:center;color:#6f7895;padding:30px 20px;border-top:1px solid #202841}
@media(max-width:800px){
  .hero,.grid,.form-grid,.stats,.order-summary,.metadata-grid,.gallery-grid{grid-template-columns:1fr}
  .topbar{padding:12px 18px;align-items:flex-start;gap:14px;flex-direction:column}
  .topbar nav{gap:12px;padding-bottom:8px}
  .shell{padding:30px 16px 60px}
  .hero{padding-top:18px}
  .field.full{grid-column:auto}
  .tutorial-card{align-items:flex-start;flex-direction:column}
  .admin-gallery-item{grid-template-columns:90px 1fr}
  .admin-gallery-item img{width:90px;height:70px}
  .admin-gallery-item form{grid-column:1/-1}
  .receipt-preview iframe{height:520px}
}