html,body{height:auto;min-height:100%;overflow:auto;overscroll-behavior:auto;-webkit-user-select:text;user-select:text}
body{background:radial-gradient(60% 40% at 15% 0%,rgba(149,131,236,.3),transparent 70%),radial-gradient(50% 35% at 90% 10%,rgba(236,127,182,.25),transparent 70%),linear-gradient(180deg,#13102b,#191540 60%,#100d26);background-attachment:fixed}
.about{position:relative;max-width:720px;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 20px 60px;line-height:1.6;font-size:18px}
.about h1{font-family:var(--tech);font-size:clamp(28px,6vw,44px);letter-spacing:.04em;margin:28px 0 6px}
.about h2{font-size:22px;margin:30px 0 8px;color:var(--cyan)}
.about p{margin:0 0 14px;color:var(--ink)}
.about .dim{color:var(--ink-dim);font-size:15px}
.about a{color:var(--cyan);text-underline-offset:3px}
.about ul{margin:0 0 14px 22px}
.about li{margin-bottom:6px}
.back{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--glass);border:1.5px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600}
.hero{display:block;width:100%;height:auto;margin:10px 0 22px;border-radius:28px;box-shadow:0 20px 60px -24px rgba(236,127,182,.6)}
.card{padding:16px 18px;border-radius:20px;background:var(--glass);border:1.5px solid var(--line);margin:18px 0}
.mail{display:inline-block;margin-top:6px;padding:12px 20px;border-radius:999px;background:linear-gradient(90deg,var(--violet),var(--pink));color:#fff;text-decoration:none;font-weight:600}
.legal{margin-top:40px;padding-top:18px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-dim);display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}
.legal a{color:var(--ink-dim)}
.tip{display:inline-block;margin-top:6px;padding:12px 20px;border-radius:999px;background:var(--glass);border:1.5px solid var(--pink);color:var(--ink);text-decoration:none;font-weight:600}
.about table{width:100%;border-collapse:collapse;font-size:16px;margin:0 0 14px}
.about th,.about td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.about a.mail{color:#fff;text-decoration:none}
.about a.tip{color:var(--ink);text-decoration:none}