:root{--vpn-purple: #783ab8;--vpn-purple-hover: #632d9c;--vpn-purple-light: #f3ebfa;--vpn-ink: #2e3c41;--vpn-slate: #4f5e67;--vpn-slate-light: #e2e7ea;--vpn-bg: #f8f7fb;--vpn-white: #ffffff;--vpn-border: #dcd7e8;--vpn-danger: #d9383a;--vpn-danger-bg: #fde8e8;--vpn-warning: #e67e22;--vpn-warning-bg: #fef5e7;--vpn-success: #27ae60;--vpn-success-bg: #eafaf1;--vpn-font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--vpn-font-size-xs: .75rem;--vpn-font-size-sm: .875rem;--vpn-font-size-base: 1rem;--vpn-font-size-lg: 1.25rem;--vpn-font-size-xl: 1.5rem;--vpn-font-size-2xl: 2rem;--vpn-space-xs: 4px;--vpn-space-sm: 8px;--vpn-space-md: 16px;--vpn-space-lg: 24px;--vpn-space-xl: 32px;--vpn-space-2xl: 48px;--vpn-radius-sm: 4px;--vpn-radius-md: 8px;--vpn-radius-lg: 12px;--vpn-shadow: 0 4px 12px rgba(46, 60, 65, .08)}body{margin:0;padding:0;font-family:var(--vpn-font-family);color:var(--vpn-ink);background-color:var(--vpn-bg);background:linear-gradient(180deg,var(--vpn-bg) 0%,#ece9f5 100%);min-height:100vh;-webkit-font-smoothing:antialiased}.vpn-btn-primary{background-color:var(--vpn-purple);color:var(--vpn-white);border:none;padding:var(--vpn-space-sm) var(--vpn-space-md);border-radius:var(--vpn-radius-sm);font-family:var(--vpn-font-family);font-weight:600;cursor:pointer;transition:background-color .2s ease}.vpn-btn-primary:hover{background-color:var(--vpn-purple-hover)}.vpn-card{background:var(--vpn-white);border-radius:var(--vpn-radius-md);padding:var(--vpn-space-lg);box-shadow:var(--vpn-shadow);border:1px solid var(--vpn-border)}