@import "https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--ink:#080b10;--term:#121820;--cream:#f6f3ec;--dim:#7a827d;--line:#ffffff1f;--cyber:#0e7c66;--cyber-bright:#2fb595;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--heading:"Poppins", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100vh;font-family:var(--mono);color:var(--cream);background:var(--term);-webkit-font-smoothing:antialiased;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.25rem;font-size:13px;font-weight:400;line-height:1.6;display:flex}.card-pair{border:1px solid var(--line);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0e141cd9;border-radius:12px;width:100%;max-width:1000px;animation:.7s cubic-bezier(.16,1,.3,1) both appear;display:flex;overflow:hidden}.face{flex-direction:column;flex:1;padding:2.75rem 2.5rem;display:flex}.face--front{border-right:1px solid var(--line);position:relative;overflow:hidden}.brand{font-family:var(--heading);letter-spacing:-.03em;margin-bottom:2rem;font-size:1.5rem;font-weight:700}.brand-atlas{color:var(--cyber-bright)}.brand-cyber{color:var(--cream)}.brand-com{color:var(--dim)}.spec{flex:1;font-size:13.5px;line-height:1.85}.spec__header{margin-bottom:.15rem}.spec__line{padding-left:1.5rem}.spec__punct{color:#a3b0a9}.spec__string{color:var(--cyber-bright)}.spec__string--val{color:#fff}.tagline{color:var(--dim);letter-spacing:.01em;margin-top:2rem;font-size:11.5px}.radar-container{z-index:-1;pointer-events:none;position:fixed;inset:0}.radar-canvas{width:100%;height:100%;image-rendering:pixelated;opacity:.85}.back-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--cyber-bright);margin-bottom:.75rem;font-size:10px;font-weight:500}.back-title{font-family:var(--heading);letter-spacing:-.03em;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.back-desc{color:var(--dim);margin-bottom:1.75rem;font-size:12px;line-height:1.6}.form{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.form__input-wrapper{position:relative}.form__input{width:100%;font-family:var(--mono);color:var(--cream);border:1px solid var(--line);background:#ffffff0a;border-radius:8px;outline:none;padding:11px 13px 11px 38px;font-size:12px;transition:border-color .2s}.form__input::placeholder{color:var(--dim)}.form__input:focus{border-color:var(--cyber);box-shadow:0 0 0 2px #0e7c6626}.form__input-icon{width:15px;height:15px;color:var(--dim);pointer-events:none;transition:color .2s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.form__input:focus~.form__input-icon{color:var(--cyber-bright)}.btn-submit{width:100%;font-family:var(--mono);color:var(--ink);background:var(--cyber);cursor:pointer;border:none;border-radius:8px;padding:14px 20px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #2fb59559}.btn-submit:hover:not(:disabled){opacity:1;background:var(--cyber-bright);transform:translateY(-2px);box-shadow:0 6px 20px #2fb5958c}.btn-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #2fb59540}.btn-submit__content{justify-content:center;align-items:center;gap:8px;display:flex}.btn-submit:disabled{opacity:.3;cursor:not-allowed}.btn-submit__spinner{border:2px solid #080b1033;border-top-color:var(--ink);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.feedback{border-radius:6px;align-items:center;gap:6px;padding:9px 12px;font-size:11px;animation:.3s both appear;display:flex}.feedback--success{color:var(--cyber-bright);background:#0e7c6614;border:1px solid #0e7c6626}.feedback--error{color:#e07060;background:#e070600f;border:1px solid #e070601f}.feedback__icon{flex-shrink:0;width:14px;height:14px}.highlights{color:var(--dim);flex-direction:column;gap:.4rem;font-size:11px;list-style:none;display:flex}.highlights li:before{content:"→ ";color:var(--cyber)}.privacy{color:#5c645fb3;margin-top:auto;padding-top:1rem;font-size:10px}.privacy svg{vertical-align:-1.5px;width:10px;height:10px;margin-right:3px;display:inline-block}.footer{color:var(--dim);letter-spacing:.02em;margin-top:2rem;font-size:10px}.footer__link{color:var(--cyber-bright);text-decoration:none}.footer__link:hover{color:var(--cream)}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){body{padding:1.5rem 1rem}.card-pair{background:#0e141cbf;flex-direction:column;max-width:100%}.radar-canvas{opacity:1}.face{padding:2rem 1.5rem}.face--front{border-right:none;border-bottom:1px solid var(--line)}.brand{margin-bottom:1.5rem;font-size:1.25rem}.spec{font-size:11.5px;line-height:1.7}.spec__line{padding-left:1rem}.tagline{margin-top:1.5rem;font-size:10.5px}.back-title{font-size:1.4rem}.back-desc{margin-bottom:1.25rem;font-size:11.5px}.btn-submit{padding:13px 18px;font-size:13px}.footer{margin-top:1.5rem}}@media (max-width:480px){body{padding:1rem .75rem}.face{padding:1.5rem 1.15rem}.brand{margin-bottom:1.25rem;font-size:1.1rem}.spec{font-size:10.5px;line-height:1.65}.spec__line{padding-left:.75rem}.back-title{font-size:1.2rem}.back-desc{margin-bottom:1rem;font-size:11px}.highlights{font-size:10px}.form__input{padding:10px 12px 10px 34px;font-size:11px}.btn-submit{padding:12px 16px;font-size:12px}}
