:root{--green:#8bc53f;--green-dark:#6ba82c;--purple:#7b2ff7;--ink:#1a1a1a;--ink-soft:#3a3a3a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:linear-gradient(160deg, var(--green) 0%, var(--green-dark) 100%);min-height:100%;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page{justify-content:center;align-items:flex-start;min-height:100vh;padding:48px 20px;display:flex}.card{color:var(--ink);border:4px solid var(--purple);background:#fff;border-radius:20px;width:100%;max-width:720px;padding:40px 48px 48px;box-shadow:0 20px 45px #0000002e}.logo{border-radius:20px;width:84px;height:84px;margin:0 auto 16px;display:block}.card h1{text-align:center;color:var(--ink);margin:0 0 4px;font-size:1.9rem}.subtitle{text-align:center;color:var(--purple);letter-spacing:.02em;margin:0 0 28px;font-weight:600}.card h2{color:var(--purple);margin-top:32px;margin-bottom:12px;font-size:1.15rem}.card p,.card li{color:var(--ink-soft);line-height:1.65}.card ul{margin:8px 0 0;padding-left:22px}.card li+li{margin-top:6px}.card a{color:var(--purple);font-weight:600;text-decoration:none}.card a:hover{text-decoration:underline}.updated{color:#777;text-align:center;border-top:1px solid #eee;margin-top:36px;padding-top:16px;font-size:.85rem}@media (width<=480px){.card{border-radius:16px;padding:32px 22px 36px}.card h1{font-size:1.5rem}}