*{box-sizing:border-box}body{margin:0;background:#1a1a2e;color:#eaeaea;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.wrap{max-width:1100px;margin:0 auto;padding:28px 20px}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.brand{font-size:22px;font-weight:800;color:#4a90d9}.nav a{color:#8892b0;text-decoration:none;margin-left:18px}.hero{padding:70px 0 44px}.hero h1{font-size:44px;margin:0 0 16px}.hero p{font-size:18px;color:#8892b0;line-height:1.8}.btn{display:inline-block;margin-top:24px;padding:12px 22px;border-radius:8px;background:#4a90d9;color:white;text-decoration:none;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:36px}.card{background:#16213e;border:1px solid #2a3b60;border-radius:12px;padding:20px}.card h3{margin-top:0}.muted{color:#8892b0}.form{max-width:420px;margin:50px auto;background:#16213e;border:1px solid #2a3b60;border-radius:14px;padding:26px}.form h1{margin-top:0}.form input{width:100%;padding:12px;margin:8px 0 14px;border-radius:8px;border:1px solid #2a3b60;background:#1a1a2e;color:#eaeaea}.form button{width:100%;padding:12px;border:0;border-radius:8px;background:#4a90d9;color:white;font-weight:700}footer{padding:36px 0;color:#5a6a8a;font-size:13px}@media(max-width:640px){.hero h1{font-size:32px}.nav{display:block}.nav a{display:inline-block;margin:8px 12px 0 0}}