:root{--blue-700:#4f5fe0;--blue-600:#5b6cf0;--blue-500:#6b7bf5;--blue-light:#818cf8;--cyan:#38bdf8;--text-dark:#1e1b2e;--text-gray:#6b7280;--border-light:#e5e7eb;--bg-input:#f3f4f6;--success-color:#15803d;--error-color:#b91c1c;--warning-color:#d97706}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.verify-page{width:100%;min-height:100vh;display:flex}.left-panel{color:#fff;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(0deg,#ffffff0f 1px,#0000 1px),linear-gradient(160deg,#4f5fe0 0%,#5b6cf0 35%,#5a8bf0 65%,#38bdf8 100%);background-position:0 0;background-repeat:repeat;background-size:60px 60px,60px 60px,100% 100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;flex:55%;justify-content:space-between;min-height:100vh;padding:48px 64px;display:flex;position:relative}.brand{align-items:center;gap:14px;display:flex}.brand-icon{background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.brand-icon img{object-fit:contain;width:100%;height:100%;padding:4px}.brand-text{line-height:1.1}.brand-text .name{font-size:22px;font-weight:800;display:block}.brand-text .sub{color:#ffffffb3;font-size:14px;font-weight:400;display:block}.hero{margin-top:40px}.hero h1{letter-spacing:-1px;margin-bottom:24px;font-size:56px;font-weight:800;line-height:1.1}.hero p{color:#ffffffd9;max-width:540px;margin-bottom:32px;font-size:18px;line-height:1.6}.feature-pills{flex-wrap:wrap;gap:12px;max-width:600px;display:flex}.pill{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.pill svg{flex-shrink:0;width:16px;height:16px}.footer-row{margin-top:40px}.badge{color:#fff;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.dot-green{background:#34d399;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #34d39940}.right-panel{background:#fff;flex-direction:column;flex:45%;justify-content:center;padding:48px 80px;display:flex;position:relative}.form-wrap{width:100%;max-width:420px;margin:0 auto}.form-wrap h2{color:var(--text-dark);text-align:center;margin-bottom:16px;font-size:30px;font-weight:800}.form-wrap>p.subtitle{color:var(--text-gray);margin-bottom:32px;font-size:15px}.verify-wrap{text-align:center;flex-direction:column;align-items:center;display:flex}.verify-container{width:100%}.verify-icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 32px;font-size:40px;display:flex}.verify-icon svg{stroke-width:2px;width:100%;height:100%}.verify-icon.loading{color:var(--blue-600);background:#f0f3ff;animation:2s linear infinite spin}.verify-icon.success{color:var(--success-color);background:#f0fdf4}.verify-icon.error{color:var(--error-color);background:#fef2f2}.verify-icon.expired{color:var(--warning-color);background:#fffbeb}.verify-message{color:var(--text-gray);margin-bottom:16px;font-size:15px;line-height:1.6}.verify-subtitle{color:#9ca3af;margin-bottom:24px;font-size:13px}.button-group{flex-direction:column;gap:12px;display:flex}.btn-primary{background:linear-gradient(90deg, var(--blue-700), var(--blue-500));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:opacity .15s;display:flex}.btn-primary:hover{opacity:.9}.btn-primary svg{width:18px;height:18px}.version-text{text-align:center;color:#c7cad1;margin-top:64px;font-size:13px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:968px){.verify-page{flex-direction:column}.left-panel{display:none}.right-panel{flex:auto;min-height:100vh;padding:48px 32px}}@media (max-width:640px){.right-panel{justify-content:center;min-height:100vh;padding:40px 20px 32px}.form-wrap{width:100%}.form-wrap h2{margin-bottom:12px;font-size:26px}.verify-icon{width:64px;height:64px;margin-bottom:24px}.verify-message{margin-bottom:12px;font-size:14px}.version-text{margin-top:40px}}