:root{--background:#000;--foreground:#fff;--primary:#3b82f6;--primary-hover:#2563eb;--surface:#000000bf;--surface-border:#ffffff26;--surface-hover:#000000d9;--success:#10b981;--error:#ef4444;--radius:16px;--radius-sm:8px;--shadow-glow:0 0 20px #3b82f64d}html,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#080c14;background-image:linear-gradient(#080c14c7 0%,#0b1121e0 50%,#080c14f2 100%),url(/datacenter-blue.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.glass-panel{background:var(--surface);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);box-shadow:0 4px 30px #0000001a}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 14px #3b82f666}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f699}.btn-primary:active{transform:translateY(1px)}.btn-secondary{color:#fff;border:1px solid var(--surface-border);background-color:#0000}.btn-secondary:hover{background-color:var(--surface-hover)}.input-field{border-radius:var(--radius-sm);border:1px solid var(--surface-border);color:#fff;background:#00000080;width:100%;padding:12px 16px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--primary);box-shadow:var(--shadow-glow);outline:none}.input-field::placeholder{color:#fff6}.page-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 15px #3b82f666}50%{box-shadow:0 0 30px #3b82f6cc}to{box-shadow:0 0 15px #3b82f666}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse-glow{animation:3s infinite pulse-glow}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:4px 12px;font-size:.875rem;font-weight:600}.badge-pending{color:#fcd34d;background:#f59e0b33;border:1px solid #f59e0b4d}.badge-paid{color:#6ee7b7;background:#10b98133;border:1px solid #10b9814d}.nav-desktop{background:#ffffff08;border:1px solid #ffffff14;border-radius:9999px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;display:flex}.nav-mobile-toggle,.nav-mobile-drawer{display:none!important}.client-btn-desktop{display:flex!important}.nav-link-item{color:#9ca3af;white-space:nowrap;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .25s;display:flex}.nav-link-item:hover{color:#fff;background:#ffffff14}.nav-link-item.active{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d;font-weight:700;box-shadow:0 0 15px #3b82f633}@media (max-width:1380px){.logo-subtext{display:none!important}}@media (max-width:1250px){.nav-desktop,.client-btn-desktop{display:none!important}.nav-mobile-toggle,.nav-mobile-drawer{display:flex!important}}.skip-link{z-index:10000;color:#fff;background:#2563eb;border-radius:8px;padding:10px 16px;font-weight:700;position:absolute;top:8px;left:-9999px}.skip-link:focus{left:8px}:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dashboard-grid{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:32px;display:grid}.dashboard-two-cols{grid-template-columns:1fr 1fr;gap:24px;display:grid}.dashboard-stat-bar{grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1024px){.dashboard-grid,.dashboard-two-cols{grid-template-columns:1fr}}@media (max-width:640px){.dashboard-stat-bar{grid-template-columns:repeat(2,1fr)}.dashboard-stat-bar>*{border-right:none!important}.hide-mobile{display:none!important}}.dashboard-nav{align-items:center;gap:28px;display:flex}@media (max-width:1250px){.dashboard-nav{display:none!important}}.legal-tabs{background:#0f172a99;border:1px solid #ffffff1a;border-radius:14px;flex-wrap:wrap;gap:6px;padding:6px;display:flex}.legal-tab{color:#9ca3af;white-space:nowrap;border-radius:10px;padding:8px 16px;font-size:.85rem;font-weight:600;text-decoration:none}.legal-tab:hover{color:#fff}.legal-tab.active{color:#fff;background:#3b82f6;font-weight:700}.legal-section{-webkit-backdrop-filter:blur(16px);background:#0f172abf;border:1px solid #3b82f633;border-radius:20px;padding:28px 32px;box-shadow:0 10px 30px #0000004d}.legal-section h2{color:#fff;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;margin:0 0 16px;padding-bottom:12px;font-size:1.2rem;font-weight:800;display:flex}.legal-section h2 .num{color:#60a5fa;background:#3b82f626;border-radius:8px;padding:4px 10px;font-size:.9rem}.legal-section h3{color:#e5e7eb;margin:18px 0 8px;font-size:1rem}.legal-section p,.legal-section li{color:#d1d5db;font-size:.95rem;line-height:1.7}.legal-section p{margin:0 0 12px}.legal-section ul{margin:8px 0 12px;padding-left:20px}.legal-section a{color:#60a5fa;text-decoration:underline}.legal-section table{border-collapse:collapse;width:100%;margin:12px 0;font-size:.9rem}.legal-section th,.legal-section td{text-align:left;color:#d1d5db;vertical-align:top;border-bottom:1px solid #ffffff14;padding:10px 12px}.legal-section th{color:#fff;background:#ffffff08;font-weight:700}.legal-note{color:#fcd34d;background:#f59e0b1a;border:1px solid #f59e0b59;border-radius:12px;padding:12px 16px;font-size:.9rem}@media (max-width:640px){.legal-section{padding:20px 18px}.legal-section table{font-size:.8rem}.legal-section th,.legal-section td{padding:8px}}.auth-split{display:flex}@media (max-width:768px){.auth-split .auth-side{display:none!important}}.form-grid-2{gap:16px;display:flex}@media (max-width:560px){.form-grid-2{flex-direction:column}}.notice{border-radius:12px;padding:12px 16px;font-size:.9rem;line-height:1.5}.notice-error{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459}.notice-success{color:#6ee7b7;background:#10b9811f;border:1px solid #10b98159}.notice-info{color:#93c5fd;background:#3b82f61f;border:1px solid #3b82f659}.notice-warning{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b59}.toast-container{z-index:11000;flex-direction:column;gap:10px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:24px;right:24px}.toast{color:#fff;background:#0f172af7;border:1px solid #ffffff1f;border-left:4px solid #3b82f6;border-radius:12px;padding:14px 18px;font-size:.9rem;line-height:1.5;animation:.3s fadeIn;box-shadow:0 20px 50px #0009}.toast-error{border-left-color:#ef4444}.toast-success{border-left-color:#10b981}.toast-warning{border-left-color:#f59e0b}.cookie-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:9999;background:#0f172af7;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:14px;max-width:440px;padding:18px 20px;display:flex;position:fixed;bottom:16px;left:16px;right:auto;box-shadow:0 20px 50px #00000080}@media (max-width:640px){.cookie-banner{max-width:none;padding:14px 16px;bottom:8px;left:8px;right:8px}}