@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@300;400;500;700&display=swap');
  :root{--bg:#15171a;--surface:#1c1f23;--border:#33383f;--accent:#d4703a;--accent-hover:#e08a54;--text:#e8e6e1;--text-muted:#8b9199;--green:#4a9b6e}
  *{margin:0;padding:0;box-sizing:border-box}
  body{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative}
  body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 60% 40% at 20% 80%,rgba(212,112,58,.06) 0%,transparent 60%),radial-gradient(ellipse 50% 30% at 80% 20%,rgba(74,155,110,.04) 0%,transparent 60%);pointer-events:none}
  .topbar{position:fixed;top:0;left:0;right:0;height:48px;background:#101214;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;z-index:100}
  .logo{display:flex;align-items:center;gap:10px}
  .logo-icon{width:32px;height:32px;background:var(--accent);border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:13px;color:white;letter-spacing:-1px}
  .logo-text{font-size:15px;font-weight:500;color:var(--text);letter-spacing:.3px}
  .logo-text span{color:var(--accent)}
  .topbar-right{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:6px}
  .status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}
  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
  .main{display:flex;flex-direction:column;align-items:center;gap:32px;padding:80px 20px 40px;width:100%;max-width:480px}
  .header-info{text-align:center}
  .header-info h1{font-size:22px;font-weight:500;color:var(--text);letter-spacing:.2px;margin-bottom:6px}
  .header-info p{font-size:13px;color:var(--text-muted);font-weight:300}
  .qr-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;overflow:hidden}
  .qr-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
  .qr-label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px}
  .qr-wrapper{position:relative;padding:16px;background:#fff;border-radius:8px}
  .qr-wrapper svg{display:block}
  .scan-line{position:absolute;left:16px;right:16px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);top:16px;animation:scan 2.5s ease-in-out infinite;box-shadow:0 0 8px var(--accent)}
  @keyframes scan{0%{top:16px;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:calc(100% - 18px);opacity:0}}
  .qr-device-info{text-align:center}
  .device-name{font-size:14px;font-weight:500;color:var(--text);margin-bottom:4px}
  .device-meta{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--text-muted)}
  .btn-access{width:100%;padding:13px;background:var(--accent);border:none;border-radius:8px;color:white;font-family:'Inter',sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,transform .1s;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
  .btn-access:hover{background:var(--accent-hover)}
  .btn-access:active{transform:scale(.99)}
  .btn-access svg{width:16px;height:16px}
  .tech-info{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .tech-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 14px}
  .tech-item-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
  .tech-item-value{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text);font-weight:500}
  .tech-item-value.green{color:var(--green)}
  .tech-item-value.blue{color:var(--accent)}
  .footer-note{font-size:11px;color:var(--text-muted);text-align:center;line-height:1.6}