:root{--bg-1: #0b0b0b;--bg-2: #121214;--card: #ffffff;--muted: #9a9a9a;--glass: rgba(255,255,255,.04);--radius: 18px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(900px 400px at 10% 20%,rgba(255,255,255,.02),transparent 8%),linear-gradient(180deg,var(--bg-1),var(--bg-2));color:#eee;display:flex;align-items:center;justify-content:center;padding:28px}.page{width:100%;max-width:980px;display:grid;gap:22px;align-items:center;margin:0 auto}.header-container{display:flex;justify-content:center;align-items:center;padding:2rem 0;width:100%}.logo{width:220px;height:220px;border-radius:50%;object-fit:contain;object-position:center;padding:20px;border:6px solid rgba(255,255,255,.03);background:linear-gradient(180deg,#ffffff05,#00000026);box-shadow:0 12px 30px #0009,inset 0 -6px 18px #00000040;display:block;margin:0 auto}.coming-soon-dialog{background:linear-gradient(180deg,#ffffff05,#ffffff03);padding:28px;border-radius:var(--radius);text-align:center;box-shadow:0 8px 30px #0009;border:1px solid rgba(255,255,255,.03)}.title{font-family:Playfair Display,serif;font-size:2.2rem;margin:0 0 6px;color:var(--card);letter-spacing:1px}.subtitle{margin:0 0 16px;color:var(--muted);font-size:1rem}.features{list-style:none;padding:0;margin:0 0 16px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.features li{background:var(--glass);padding:8px 12px;border-radius:12px;font-size:.95rem;color:#fff;display:inline-flex;align-items:center;gap:10px}.features .dot{width:8px;height:8px;border-radius:50%;background:#fff;opacity:.12;display:inline-block}.actions{display:flex;gap:12px;justify-content:center;margin:10px 0}.btn{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:12px;text-decoration:none;font-weight:600;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(180deg,#fff,#f1f1f1);color:#111;box-shadow:0 8px 22px #00000059}.btn-ghost{background:transparent;color:var(--card);border:1px solid rgba(255,255,255,.06);padding:10px 14px}.note{margin-top:12px;color:var(--muted);font-size:.95rem}.suggestions{color:var(--muted);padding:6px 0}.suggestions h2{color:var(--card);font-size:1.05rem;margin:0 0 6px}.suggestions ul{margin:0;padding-left:18px}@media(max-width:720px){.logo{width:150px;height:150px}.title{font-size:1.6rem}.page{padding:0 12px}.features{gap:8px}.btn{padding:10px 12px}}@media(min-width:1200px){.page{max-width:1100px}.coming-soon-dialog{padding:36px}}