@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg:#080809;--bg2:#0e0e11;--bg3:#141417;--bgcard:#111114;--gold:#d4af37;--gold2:#f4d47c;--gold3:#c9901a;--gold-dim:#7a6420;--gold-glow:#d4af3738;--green:#2ecc71;--red:#e74c3c;--text:#f0f0f0;--text-dim:#889;--text-muted:#556;--border:#d4af372e;--border-soft:#ffffff12;--shadow-gold:0 0 40px #d4af372e, 0 8px 32px #000000b3;--font-ui:"Inter", sans-serif;--font-body:"Inter", sans-serif;--r:14px;--r-lg:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#d4af3708 1px,#0000 1px),linear-gradient(90deg,#d4af3708 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 20%,#000 20%,#0000 75%);mask-image:radial-gradient(at 50% 20%,#000 20%,#0000 75%)}.bg-orb-1{filter:blur(80px);z-index:0;pointer-events:none;background:radial-gradient(circle,#d4af371f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:9s ease-in-out infinite breathe;position:fixed;top:-200px;left:-150px}.bg-orb-2{filter:blur(90px);z-index:0;pointer-events:none;background:radial-gradient(circle,#b482141a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:12s ease-in-out infinite reverse breathe;position:fixed;bottom:-150px;right:-100px}.outer{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:0 16px;display:flex;position:relative}.phone{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:420px;box-shadow:var(--shadow-gold);position:relative;overflow:hidden}.phone:before{content:"";background:linear-gradient(90deg, transparent, var(--gold2), var(--gold), transparent);z-index:2;height:2px;position:absolute;top:0;left:0;right:0}.topbar{border-bottom:1px solid var(--border-soft);background:linear-gradient(#d4af370a 0%,#0000 100%);padding:20px 24px 16px}.logo{align-items:center;gap:14px;display:flex}.logo-icon{flex-shrink:0;position:relative}.logo-icon:after{content:"";filter:blur(6px);z-index:0;background:radial-gradient(circle,#d4af3740,#0000 70%);border-radius:50%;position:absolute;inset:-4px}.logo-img{z-index:1;filter:drop-shadow(0 2px 10px #d4af3766);border-radius:50%;position:relative}.logo-text{flex-direction:column;gap:1px;display:flex}.logo-main{font-family:var(--font-ui);letter-spacing:3px;background:linear-gradient(135deg, var(--gold-dim), var(--gold2), var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;line-height:1}.logo-sub{letter-spacing:2.5px;color:var(--gold-dim);font-size:9px;font-weight:600}.logo-tag{letter-spacing:1.5px;color:var(--text-muted);font-size:8px;font-weight:500}.main{max-height:calc(100vh - 100px);padding:24px 24px 32px;overflow-y:auto}.main::-webkit-scrollbar{width:3px}.main::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}.reg-header{text-align:center;margin-bottom:22px}.reg-tag{border:1px solid var(--border);font-family:var(--font-ui);letter-spacing:2px;color:var(--gold);background:#d4af3714;border-radius:100px;align-items:center;gap:6px;margin-bottom:10px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-flex}.reg-sub{color:var(--text-dim);letter-spacing:.3px;font-size:13px}.error-msg{color:#ff6b5b;background:#e74c3c14;border:1px solid #e74c3c4d;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.form-card{background:var(--bgcard);border:1px solid var(--border-soft);border-radius:var(--r);margin-bottom:18px;padding:22px 20px;position:relative;overflow:hidden}.form-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);opacity:.6;height:1px;position:absolute;top:0;left:0;right:0}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-label{font-family:var(--font-ui);letter-spacing:2px;color:var(--gold-dim);margin-bottom:7px;font-size:10px;font-weight:700;display:block}.label-opt{color:var(--text-muted);letter-spacing:1px;font-size:9px}.input-wrap{align-items:center;display:flex;position:relative}.input-icon{color:var(--gold-dim);pointer-events:none;z-index:1;flex-shrink:0;position:absolute;left:13px}.form-input{width:100%;font-family:var(--font-body);color:var(--text);-webkit-appearance:none;background:#ffffff0a;border:1px solid #d4af3726;border-radius:10px;outline:none;padding:11px 38px;font-size:14px;transition:border-color .25s,box-shadow .25s,background .25s}.form-input::placeholder{color:var(--text-muted);font-size:13px}.form-input:focus{border-color:var(--gold-dim);background:#d4af370a;box-shadow:0 0 0 3px #d4af3714}.form-input.input-err{border-color:#e74c3c80;box-shadow:0 0 0 3px #e74c3c14}.input-glow{pointer-events:none;border-radius:10px;transition:box-shadow .25s;position:absolute;inset:0}.glow-err{box-shadow:0 0 12px #e74c3c26}.eye-btn{color:var(--text-muted);z-index:1;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px}.eye-btn:hover{color:var(--gold)}.input-valid-icon{color:var(--green);pointer-events:none;z-index:1;position:absolute;right:34px}.form-group:not(:has(.eye-btn)) .input-valid-icon{right:12px}.field-error{color:#ff6b5b;align-items:center;gap:5px;margin-top:5px;padding-left:2px;font-size:11px;display:flex}.strength-bar{gap:4px;margin-top:8px;display:flex}.strength-seg{background:#ffffff12;border-radius:2px;flex:1;height:3px;transition:background .3s}.strength-seg.weak{background:var(--red)}.strength-seg.fair{background:var(--gold3)}.strength-seg.good{background:var(--gold)}.strength-seg.strong{background:var(--green);box-shadow:0 0 6px #2ecc7166}.strength-row{justify-content:space-between;margin-top:5px;display:flex}.strength-label{font-family:var(--font-ui);letter-spacing:1px;font-size:11px;font-weight:700}.strength-hint{color:var(--text-muted);letter-spacing:.3px;font-size:10px}.terms-row{align-items:flex-start;gap:10px;margin:18px 0 20px;display:flex}.terms-checkbox{width:16px;height:16px;accent-color:var(--gold);cursor:pointer;border-radius:4px;flex-shrink:0;margin-top:1px}.terms-text{color:var(--text-dim);cursor:pointer;font-size:12px;line-height:1.55}.terms-link{color:var(--gold);font-weight:600;transition:color .2s}.terms-link:hover{color:var(--gold2)}.reg-btn{background:linear-gradient(135deg, #b8921e 0%, var(--gold2) 50%, var(--gold) 100%);color:#07070a;width:100%;font-family:var(--font-ui);letter-spacing:2px;border:1px solid #d4af3766;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #d4af3759,inset 0 1px #fff3}.reg-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 36px #d4af3780}.reg-btn:active:not(:disabled){transform:translateY(0)}.reg-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-glow{pointer-events:none;background:linear-gradient(135deg,#ffffff1f 0%,#0000 60%);position:absolute;inset:0}.btn-spinner{border:2px solid #0003;border-top-color:#07070a;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin;display:none}.reg-btn.loading .btn-spinner{display:block}.btn-text{z-index:1;align-items:center;gap:7px;display:flex}.login-row{color:var(--text-dim);justify-content:center;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.login-link{color:var(--gold);font-family:var(--font-ui);letter-spacing:1px;align-items:center;gap:4px;font-size:13px;font-weight:700;transition:color .2s;display:inline-flex}.login-link:hover{color:var(--gold2)}.security-note{color:var(--text-muted);letter-spacing:.5px;justify-content:center;align-items:center;gap:7px;font-size:11px;display:flex}.security-note svg{color:var(--gold-dim);flex-shrink:0}.popup-overlay{z-index:999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040406eb;justify-content:center;align-items:flex-start;padding:20px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.popup-scroll{width:100%;max-width:400px;padding:4px}.popup-wrap{border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-gold);background:linear-gradient(160deg,#141418 0%,#0e0e12 100%);padding:28px 24px 24px;position:relative;overflow:hidden}.popup-top-line{background:linear-gradient(90deg, transparent, var(--gold2), var(--gold), transparent);height:2px;position:absolute;top:0;left:0;right:0}.popup-icon-wrap{justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 18px;display:flex;position:relative}.popup-icon-ring{border:1px solid;border-radius:50%;animation:2.5s ease-in-out infinite ringPulse;position:absolute}.popup-icon-ring-1{border-color:#00ffb240;width:64px;height:64px;animation-delay:0s}.popup-icon-ring-2{border-color:#00ffb21f;width:80px;height:80px;animation-delay:.4s}.popup-icon-inner{z-index:1;background:#00ffb214;border:1px solid #00ffb24d;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 0 20px #00ffb226}.popup-title{font-family:var(--font-ui);letter-spacing:3px;text-align:center;background:linear-gradient(135deg, var(--gold-dim), var(--gold2), var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:22px;font-weight:700}.popup-msg{color:var(--text-dim);text-align:center;margin-bottom:16px;font-size:13px;line-height:1.6}.popup-email{color:var(--gold);font-size:13px;font-weight:600}.popup-warn-box{color:var(--gold2);background:#d4af3712;border:1px solid #d4af3733;border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:18px;padding:11px 14px;font-size:12px;line-height:1.55;display:flex}.popup-warn-icon{flex-shrink:0;font-size:13px}.cred-card{border:1px solid var(--border-soft);background:#ffffff08;border-radius:12px;margin-bottom:16px;overflow:hidden}.cred-card-header{font-family:var(--font-ui);letter-spacing:2px;color:var(--gold-dim);border-bottom:1px solid var(--border-soft);background:#d4af3712;align-items:center;gap:6px;padding:8px 14px;font-size:9px;font-weight:700;display:flex}.cred-row{border-bottom:1px solid #ffffff0a;flex-wrap:wrap;align-items:center;gap:10px;padding:11px 14px;display:flex}.cred-row:last-child{border-bottom:none}.cred-row-cyan{background:#00ffb208}.cred-row-gold{background:#d4af370a}.cred-key{font-family:var(--font-ui);letter-spacing:1.5px;color:var(--text-muted);flex-shrink:0;min-width:90px;font-size:9px;font-weight:700}.cred-val{color:var(--text);word-break:break-all;flex:1;font-size:13px}.cred-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cred-mono{font-family:Courier New,monospace;font-size:13px;font-weight:600}.cred-cyan{color:#00ffb2}.cred-gold{color:var(--gold2);letter-spacing:2px;font-size:15px}.cred-copy{color:#00ffb2;letter-spacing:.5px;cursor:pointer;font-size:10px;font-weight:600;font-family:var(--font-body);background:#00ffb214;border:1px solid #00ffb233;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;transition:all .2s;display:flex}.cred-copy:hover{background:#00ffb224}.cred-copy.copied{background:#00ffb226}.cred-copy-gold{color:var(--gold2);background:#d4af3714;border-color:#d4af3740}.cred-copy-gold:hover{background:#d4af3724}.popup-actions{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.popup-btn-copy,.popup-btn-ss{font-family:var(--font-ui);letter-spacing:1px;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:11px 14px;font-size:12px;font-weight:700;transition:all .25s;display:flex}.popup-btn-copy{border:1px solid var(--border);color:var(--gold);background:#d4af3714}.popup-btn-copy:hover{border-color:var(--gold-dim);background:#d4af3724}.popup-btn-ss{border:1px solid var(--border-soft);color:var(--text-dim);background:#ffffff0a}.popup-btn-ss:hover{color:var(--text);background:#ffffff14}.popup-btn-login{background:linear-gradient(135deg, #b8921e 0%, var(--gold2) 50%, var(--gold) 100%);color:#07070a;width:100%;font-family:var(--font-ui);letter-spacing:2px;cursor:pointer;border:1px solid #d4af3766;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;padding:14px;font-size:14px;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #d4af3759,inset 0 1px #fff3}.popup-btn-login:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1f 0%,#0000 60%);position:absolute;inset:0}.popup-btn-login:hover{transform:translateY(-2px);box-shadow:0 10px 36px #d4af3780}.popup-footer-note{text-align:center;color:var(--text-muted);font-size:11px;line-height:1.5}@keyframes breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ringPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}}@media (max-width:480px){.outer{padding:16px 12px}.phone{border-left:none;border-right:none;border-radius:0}.main{padding:20px 18px 28px}.topbar{padding:16px 18px 14px}.form-card{padding:18px 16px}.popup-wrap{padding:24px 18px 20px}.cred-key{min-width:72px}}