*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#0a0b0f;color:#d8dae0;font-family:Georgia,'Noto Serif SC',serif;line-height:1.9;-webkit-font-smoothing:antialiased}
a{color:#6b7094;text-decoration:none;border-bottom:1px solid #1e2230;transition:color .2s}
a:hover{color:#d8dae0}
::selection{background:#2a3048;color:#fff}

.wrap{max-width:680px;margin:0 auto;padding:60px 24px 80px}
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,11,15,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #1e2230}
.nav-inner{max-width:680px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between}
.nav-logo{font-family:'Courier New',monospace;font-size:14px;letter-spacing:2px;color:#d8dae0;font-weight:700}
.nav-links{display:flex;gap:20px;font-size:12px;font-family:'Courier New',monospace}
.nav-links a{border:none;color:#6b7094}
.nav-links a:hover{color:#d8dae0}

h1{font-family:'Courier New',monospace;font-size:28px;letter-spacing:1px;margin-bottom:8px;color:#d8dae0}
h2{font-family:'Courier New',monospace;font-size:16px;color:#6b7094;margin:48px 0 16px;letter-spacing:.5px;border-bottom:1px solid #1e2230;padding-bottom:8px}
h3{font-size:15px;color:#d8dae0;margin:28px 0 8px}
p{margin:12px 0;color:#a0a3b5;font-size:14.5px}
ul,ol{margin:12px 0 12px 20px;color:#a0a3b5;font-size:14.5px}
li{margin:6px 0}
.subtitle{font-family:'Courier New',monospace;font-size:12px;color:#3a3f58;margin-bottom:40px}
.updated{font-family:'Courier New',monospace;font-size:11px;color:#3a3f58;margin-top:60px;padding-top:20px;border-top:1px solid #1e2230}
.highlight{color:#d4a020}
.mono{font-family:'Courier New',monospace;font-size:13px}
.badge{display:inline-block;font-family:'Courier New',monospace;font-size:10px;color:#6b7094;border:1px solid #1e2230;padding:2px 8px;margin:0 4px;letter-spacing:.5px}

.hero{text-align:center;padding:100px 0 60px}
.hero h1{font-size:42px;letter-spacing:4px;margin-bottom:4px}
.hero .tagline{font-size:15px;color:#6b7094;font-family:Georgia,serif;margin:12px 0 32px}
.hero .desc{font-size:13px;color:#3a3f58;max-width:480px;margin:0 auto;line-height:2}

.cta{display:inline-block;font-family:'Courier New',monospace;font-size:13px;color:#d8dae0;border:1px solid #d8dae0;padding:12px 32px;margin:24px 8px 0;transition:all .2s}
.cta:hover{background:#d8dae0;color:#0a0b0f;border-bottom:1px solid #d8dae0}
.cta-sub{display:inline-block;font-family:'Courier New',monospace;font-size:13px;color:#6b7094;border:1px solid #1e2230;padding:12px 32px;margin:24px 8px 0;transition:all .2s}
.cta-sub:hover{border-color:#6b7094}

.features{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:40px 0}
.feat{border:1px solid #1e2230;padding:24px;transition:border-color .2s}
.feat:hover{border-color:#2a3048}
.feat-icon{font-size:20px;margin-bottom:12px}
.feat h3{margin:0 0 8px;font-size:14px;font-family:'Courier New',monospace}
.feat p{font-size:13px;color:#6b7094;margin:0}

.hotline{background:#12141c;border:1px solid #1e2230;padding:24px;margin:40px 0;text-align:center}
.hotline p{font-family:'Courier New',monospace;font-size:13px;color:#d4a020;margin:4px 0}
.hotline .label{color:#6b7094;font-size:11px}

.footer{text-align:center;padding:40px 0;border-top:1px solid #1e2230;margin-top:60px}
.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:16px;font-family:'Courier New',monospace;font-size:11px}
.footer-links a{border:none}
.footer .copy{font-size:11px;color:#3a3f58;font-family:'Courier New',monospace}

.contact-card{background:#12141c;border:1px solid #1e2230;padding:24px;margin:16px 0}
.contact-card .label{font-family:'Courier New',monospace;font-size:11px;color:#3a3f58;margin-bottom:4px}
.contact-card .value{font-family:'Courier New',monospace;font-size:14px;color:#d8dae0}

.form-group{margin:20px 0}
.form-group label{display:block;font-family:'Courier New',monospace;font-size:12px;color:#6b7094;margin-bottom:6px}
.form-group input,.form-group textarea{width:100%;background:#12141c;border:1px solid #1e2230;color:#d8dae0;padding:12px;font-family:Georgia,serif;font-size:14px;outline:none}
.form-group input:focus,.form-group textarea:focus{border-color:#2a3048}
.form-group textarea{min-height:120px;resize:vertical}
.btn{font-family:'Courier New',monospace;font-size:13px;color:#0a0b0f;background:#d8dae0;border:none;padding:12px 32px;cursor:pointer;transition:opacity .2s}
.btn:hover{opacity:.8}

@media(max-width:600px){
  .features{grid-template-columns:1fr}
  .hero h1{font-size:28px}
  .nav-links{gap:12px;font-size:11px}
}