:root{--primary: #1a56db;--primary-light: #3b82f6;--primary-dark: #0a3b8a;--primary-soft: #eff6ff;--success: #10b981;--success-soft: #ecfdf5;--danger: #ef4444;--danger-soft: #fef2f2;--warning: #f59e0b;--warning-soft: #fffbeb;--info: #3b82f6;--dark: #0f172a;--gray: #64748b;--gray-light: #94a3b8;--light: #f4f6f9;--border: #e5e9f0;--white: #ffffff;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 10px -2px rgba(15, 23, 42, .08);--shadow-lg: 0 10px 20px -6px rgba(15, 23, 42, .1);--radius-sm: 6px;--radius: 10px;--radius-md: 14px;--radius-lg: 18px;--transition: .15s cubic-bezier(.4, 0, .2, 1);--sidebar-w: 260px;--header-h: 64px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--light);color:var(--dark);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{color:var(--dark);letter-spacing:-.02em}a{text-decoration:none;color:var(--primary)}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.portal-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--light)}.portal-card{width:100%;max-width:420px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:32px 28px;text-align:center}.portal-logo{width:60px;height:60px;border-radius:16px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:26px;font-weight:800}.portal-title{font-size:22px;font-weight:700;margin:0 0 6px}.portal-sub{color:var(--gray);font-size:14px;margin:0 0 20px}.portal-footer{font-size:12px;color:var(--gray-light);margin:28px 0 0}.portal-footer a{color:var(--primary);font-weight:600}.portal-footer a:hover{text-decoration:underline}.alert{padding:10px 14px;border-radius:var(--radius-sm);margin:0 0 16px;font-size:13px;text-align:left;line-height:1.5}.alert-danger{background:var(--danger-soft);color:#b91c1c}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border:1px solid transparent;border-radius:var(--radius);font-weight:600;font-size:15px;cursor:pointer;transition:background var(--transition)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-block{width:100%}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:#fff;color:var(--dark);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--light)}.form-control{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:15px;font-family:inherit;color:var(--dark);background:#fff;transition:border-color var(--transition),box-shadow var(--transition)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.form-label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;text-align:left}.code-input{text-align:center;font-size:24px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;padding:14px;margin-bottom:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.code-input::placeholder{letter-spacing:normal;font-size:16px;font-weight:500;font-family:inherit;color:var(--gray-light)}.price-list{margin:24px 0 0;padding:16px 0 0;border-top:1px solid var(--border);text-align:left}.price-list-title{font-size:12px;font-weight:600;color:var(--gray);text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px}.price-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;font-size:14px}.price-row+.price-row{border-top:1px dashed var(--border)}.price-row small{display:block;color:var(--gray);font-size:12px}.price-row strong{color:var(--primary);white-space:nowrap}.price-note{font-size:13px;color:var(--gray);margin:10px 0 0}.tabs{display:flex;border-bottom:2px solid var(--border);margin-bottom:20px}.tab{flex:1;padding:10px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--gray);font-size:14px;font-weight:500;cursor:pointer}.tab.active{border-bottom-color:var(--primary);color:var(--primary);font-weight:700}.package-option{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;cursor:pointer;text-align:left;font:inherit;color:inherit}.package-option:hover{border-color:var(--primary)}.package-option+.package-option{margin-top:10px}.package-summary{padding:14px 16px;background:var(--light);border-radius:var(--radius);margin-bottom:20px;text-align:left}.button-row{display:flex;gap:10px;margin-top:16px}.button-row .btn{flex:1}.success-icon{width:72px;height:72px;border-radius:50%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;background:var(--success-soft);color:var(--success)}.success-time{margin:0 0 20px;padding:14px;background:var(--light);border-radius:var(--radius);font-size:14px;color:var(--gray);line-height:1.6}.success-time strong{color:var(--dark)}.unlocking{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--primary)}.spinner-sm{width:18px;height:18px;border:2.5px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.portal-page{align-items:flex-start;padding:16px}.portal-card{padding:28px 20px;margin-top:4vh}}