:root { --navy:#122447; --ink:#1f2433; --muted:#646b7c; --soft:#8a90a0; --line:#e5e9f2; --bg:#f5f7fb;
          --basic:linear-gradient(120deg,#4f2bff,#9b1cff); --premium:linear-gradient(120deg,#ec3f8a,#ff8a4c); --tick:#7cc243; }
  * { box-sizing:border-box; }
  body { margin:0; min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:40px 18px; font-family:Poppins, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color:var(--ink); background:var(--bg); }
  .notice { width:100%; max-width:520px; background:#fff; border:1px solid var(--line); border-radius:20px; padding:40px 30px 30px; text-align:center; box-shadow:0 14px 40px rgba(18,36,71,.07); }
  .brand { display:inline-flex; align-items:center; justify-content:center; padding:10px 22px; margin:0 auto 22px; border-radius:16px; background:#141416; box-shadow:0 8px 22px rgba(20,20,22,.16); }
  .brand img { height:52px; width:auto; display:block; }
  h1 { font-size:clamp(21px,3.4vw,26px); color:var(--navy); margin:0 0 10px; font-weight:700; letter-spacing:-.01em; line-height:1.3; }
  .notice p { margin:0; color:var(--muted); font-size:15px; line-height:1.7; }
  .domain { font-weight:600; color:var(--ink); }
  .owner { margin-top:20px !important; padding-top:16px; border-top:1px solid var(--line); font-size:12.5px !important; }
  .owner a { color:#2f7fd8; font-weight:600; }
  .by { width:100%; max-width:520px; margin-top:22px; text-align:center; }
  .by .sub { margin:0 0 14px; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); font-weight:600; }
  .plans { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .plan { background:#fff; border:1px solid var(--line); border-radius:14px; overflow:hidden; text-align:left; }
  .plan .top { padding:10px 14px; color:#fff; display:flex; align-items:baseline; justify-content:space-between; }
  .plan.basic .top { background:var(--basic); }
  .plan.premium .top { background:var(--premium); }
  .plan .name { font-size:11px; font-weight:700; letter-spacing:.14em; }
  .plan .amt { font-size:17px; font-weight:700; }
  .plan .amt small { font-size:10.5px; font-weight:500; opacity:.85; }
  .plan ul { list-style:none; margin:0; padding:10px 14px 12px; display:grid; gap:4px; }
  .plan li { font-size:12px; color:var(--muted); display:flex; align-items:center; gap:7px; }
  .plan li::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--tick); flex-shrink:0; }
  .ask { display:inline-block; margin-top:12px; font-size:12.5px; color:var(--muted); text-decoration:none; }
  .ask strong { color:#1a9c52; font-weight:600; }
  .ask:hover strong { text-decoration:underline; }
  @media (max-width:420px) { .notice { padding:34px 20px 24px; } .plans { grid-template-columns:1fr; } .brand img { height:44px; } }