body{background:#0b1220;color:#e2e8f0;font-family:system-ui,-apple-system,sans-serif;margin:0}.wrap{margin:0 auto;max-width:26rem;padding:3rem 1.25rem}h1{font-size:1.75rem;margin:0 0 .25rem}.tag{color:#94a3b8;margin:0 0 2rem}.intro{color:#cbd5e1;font-size:.95rem;line-height:1.6;margin:-1rem 0 1.5rem}.notification-demo{margin:0 0 1.75rem}.notification-demo figcaption{color:#64748b;font-size:.65rem;font-weight:600;letter-spacing:.12em;margin-bottom:.65rem}.notification{background:linear-gradient(120deg,#263247,#1b2739);border:1px solid #3a4a61;border-radius:1.25rem;box-shadow:0 8px 24px #02061733;display:flex;gap:.75rem;padding:1rem}.notification-icon{align-self:center;background:#38bdf8;border-radius:.65rem;color:#082f49;display:grid;flex-shrink:0;font-size:1.6rem;height:2.35rem;place-items:center;width:2.35rem}.notification-content{flex:1;min-width:0}.notification-meta{color:#a4b2c6;display:flex;font-size:.65rem;gap:.5rem;justify-content:space-between;margin-bottom:.4rem}.notification-content strong{font-size:.9rem}.notification-content p{color:#d5dfed;font-size:.85rem;line-height:1.4;margin:.25rem 0 0}.demo-note{color:#94a3b8;font-size:.7rem;line-height:1.5;margin:.65rem 0 0}.card{background:#111a2e;border:1px solid #1e293b;border-radius:.75rem;gap:1rem;padding:1.25rem}.card,label{display:flex;flex-direction:column}label{color:#94a3b8;font-size:.875rem;gap:.375rem}label.check{align-items:flex-start;flex-direction:row;gap:.625rem}label.check input{margin-top:.2rem}label.check span{line-height:1.4}.optional{color:#475569;font-size:.75rem}.trial-line{color:#cbd5e1;margin:0}input,select{background:#0b1220;border:1px solid #334155;border-radius:.5rem;color:#e2e8f0;font-size:1rem;padding:.625rem .75rem}button{background:#38bdf8;border:0;border-radius:.5rem;color:#082f49;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem}.cover-pointer{border:1px solid #334155;border-radius:.75rem;margin-top:1.5rem;padding:1rem 1.25rem}.cover-pointer p{color:#94a3b8;font-size:.8rem;line-height:1.5;margin:0 0 .5rem}.cover-pointer a{color:#38bdf8;display:inline-block;min-height:44px;padding:.5rem 0;text-underline-offset:.2em}.cover-pointer a:focus-visible{outline:2px solid #e2e8f0;outline-offset:4px}button.ghost{background:transparent;border:1px solid #334155;color:#94a3b8}button:disabled{cursor:default;opacity:.6}.error{color:#f87171;margin:0}.expired{color:#fbbf24;margin:0}.ok{color:#4ade80;font-weight:600;margin:0}.fine{color:#64748b;font-size:.75rem;margin:0}ol{color:#cbd5e1;margin:0;padding-left:1.25rem}