#vpn-app{--primary-50:#e6f2ff;--primary-100:#b3d9ff;--primary-500:#0066cc;--primary-600:#0052a3;--primary-700:#003d7a;--primary-900:#001a33;--accent-50:#e6f7ed;--accent-100:#b3e6c8;--accent-400:#1ab459;--accent-500:#00a651;--accent-600:#008541;--accent-700:#006431;--danger:#b91c1c;--neutral-100:#f3f4f6;--neutral-200:#e5e7eb;--neutral-300:#d1d5db;--neutral-400:#9ca3af;--neutral-500:#6b7280;--neutral-600:#4b5563;--neutral-700:#374151;--neutral-800:#1f2937;--neutral-900:#111827;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--neutral-800)}#vpn-app .vpn-container{max-width:52rem;margin:0 auto;padding:2.5rem 1rem 1rem}#vpn-app h2{font-size:1.5rem;font-weight:800;color:var(--primary-900);line-height:1.2}#vpn-app h3{font-weight:800}#vpn-app p{line-height:1.6}#vpn-app code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em;background:var(--primary-50);color:var(--primary-700);padding:.1rem .4rem;border-radius:.35rem}#vpn-app a{color:var(--primary-500)}#vpn-app .mode-selector{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.75rem}@media(min-width:640px){#vpn-app .mode-selector{grid-template-columns:1fr 1fr}}#vpn-app .mode-btn{text-align:left;background:#fff;border:2px solid var(--neutral-200);border-radius:1rem;padding:1.25rem 1.5rem;cursor:pointer;transition:all .15s}#vpn-app .mode-btn:hover{border-color:var(--primary-100);box-shadow:0 4px 12px #0052a314}#vpn-app .mode-btn.active{border-color:var(--primary-500);background:var(--primary-50)}#vpn-app .mode-btn-icon{font-size:1.75rem}#vpn-app .mode-btn-title{font-weight:700;color:var(--neutral-900);margin-top:.35rem}#vpn-app .mode-btn-desc{font-size:.875rem;color:var(--neutral-500);margin-top:.15rem}#vpn-app .notice{display:flex;gap:.75rem;align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:.875rem;padding:1rem 1.25rem;margin-bottom:1.5rem}#vpn-app .notice p{margin:0;font-size:.9375rem;color:var(--neutral-700)}#vpn-app .notice-icon{font-size:1.15rem;flex-shrink:0}#vpn-app .platform-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}#vpn-app .platform-btn{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--neutral-300);color:var(--neutral-600);border-radius:999px;padding:.55rem 1.1rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .15s}#vpn-app .platform-btn:hover{border-color:var(--primary-100)}#vpn-app .platform-btn.active{background:var(--primary-600);border-color:var(--primary-600);color:#fff}#vpn-app .platform-icon{font-size:1.05rem}#vpn-app .platform-auto-badge{margin-left:.35rem;background:var(--accent-500);color:#fff;font-size:.625rem;font-weight:700;padding:.1rem .45rem;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}#vpn-app .progress-container{margin-bottom:1.25rem}#vpn-app .progress-steps{display:flex;align-items:center}#vpn-app .progress-step{display:flex;align-items:center;flex:1}#vpn-app .progress-step:last-child{flex:0}#vpn-app .progress-dot{width:1.9rem;height:1.9rem;border-radius:999px;background:var(--neutral-200);color:var(--neutral-500);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}#vpn-app .progress-dot.active{background:var(--primary-600);color:#fff;box-shadow:0 0 0 4px var(--primary-50)}#vpn-app .progress-dot.completed{background:var(--accent-500);color:#fff}#vpn-app .progress-line{flex:1;height:3px;background:var(--neutral-200);margin:0 .35rem;border-radius:2px}#vpn-app .progress-line.completed{background:var(--accent-500)}#vpn-app .progress-label{text-align:center;font-size:.8rem;color:var(--neutral-500);margin-top:.5rem;font-weight:600}#vpn-app .step-card{background:#fff;border:1px solid var(--neutral-200);border-radius:1.25rem;padding:1.75rem;box-shadow:0 1px 3px #0000000a;margin-bottom:1.5rem}#vpn-app .step-number{display:inline-block;background:var(--primary-100);color:var(--primary-700);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:.25rem .6rem;border-radius:999px;margin-bottom:.6rem}#vpn-app .step-card>p{color:var(--neutral-600);margin-top:.5rem}#vpn-app .instruction{display:flex;gap:.85rem;margin-top:1rem}#vpn-app .instruction-number{width:1.6rem;height:1.6rem;border-radius:999px;background:var(--primary-600);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0;margin-top:.1rem}#vpn-app .instruction-content{flex:1}#vpn-app .instruction-content p{margin:0;color:var(--neutral-700)}#vpn-app .instruction-content ul{color:var(--neutral-700)}#vpn-app .callout{display:flex;gap:.7rem;align-items:flex-start;border-radius:.875rem;padding:.9rem 1.1rem;border:1px solid}#vpn-app .callout p{margin:0}#vpn-app .callout-icon{flex-shrink:0;font-size:1.1rem;line-height:1.4}#vpn-app .callout-info{background:var(--primary-50);border-color:var(--primary-100);color:var(--primary-900)}#vpn-app .callout-warning{background:#fffbeb;border-color:#fde68a;color:#78350f}#vpn-app .callout-success{background:var(--accent-50);border-color:var(--accent-100);color:var(--accent-700)}#vpn-app .callout-promo{background:linear-gradient(135deg,var(--accent-50),var(--primary-50));border-color:var(--accent-100);color:var(--neutral-800)}#vpn-app .command-block{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:var(--neutral-900);color:#e5f0ff;font-family:ui-monospace,Menlo,Consolas,monospace;padding:.7rem 1rem;border-radius:.6rem;margin-top:.5rem;font-size:.95rem}#vpn-app .copy-btn{background:var(--primary-600);color:#fff;border:0;border-radius:.45rem;padding:.35rem .8rem;font-weight:600;font-size:.8rem;cursor:pointer;flex-shrink:0}#vpn-app .copy-btn:hover{background:var(--primary-700)}#vpn-app .copy-btn.copied{background:var(--accent-500)}#vpn-app .copy-btn-sm{background:var(--primary-600);color:#fff;border:0;border-radius:.4rem;padding:.2rem .55rem;font-size:.72rem;font-weight:600;cursor:pointer}#vpn-app .copy-field{display:flex;gap:.5rem;margin-top:.6rem}#vpn-app .copy-field input{flex:1;border:1px solid var(--neutral-300);border-radius:.55rem;padding:.55rem .75rem;font-size:.9rem}#vpn-app .copy-field input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50)}#vpn-app .download-btn{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;text-decoration:none;background:var(--primary-600);color:#fff;border:0;border-radius:.75rem;padding:.9rem 1.25rem;font-weight:600;margin-top:.75rem;cursor:pointer;transition:background .15s}#vpn-app .download-btn:hover{background:var(--primary-700)}#vpn-app .download-btn-alt{background:#fff;color:var(--primary-700);border:1.5px solid var(--primary-200, #80c1ff)}#vpn-app .download-btn-alt:hover{background:var(--primary-50)}#vpn-app .download-btn-sub{font-weight:400;font-size:.8rem;opacity:.85}#vpn-app .btn-icon{font-size:1.25rem;flex-shrink:0}#vpn-app .app-store-btns{display:grid;gap:.5rem}#vpn-app .alt-client-details{margin-top:.85rem;border-top:1px solid var(--neutral-200);padding-top:.75rem}#vpn-app .alt-client-details summary{cursor:pointer;font-weight:600;color:var(--neutral-600);font-size:.9rem}#vpn-app .alt-client-body{margin-top:.5rem}#vpn-app .screenshot-frame{margin:1rem 0;border:1px solid var(--neutral-200);border-radius:.9rem;overflow:hidden;background:var(--neutral-100)}#vpn-app .screenshot-frame img{display:block;width:100%;height:auto}#vpn-app .screenshot-caption{font-size:.8rem;color:var(--neutral-500);padding:.55rem .85rem;background:#fff;border-top:1px solid var(--neutral-200)}#vpn-app .caption-icon{margin-right:.25rem}#vpn-app .form-group{margin-top:1rem}#vpn-app .form-group label{display:block;font-weight:600;color:var(--neutral-700);font-size:.9rem;margin-bottom:.35rem}#vpn-app .label-hint{font-weight:400;color:var(--neutral-400);font-size:.82rem}#vpn-app .form-group input{width:100%;border:1px solid var(--neutral-300);border-radius:.55rem;padding:.6rem .8rem;font-size:.95rem}#vpn-app .form-group input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50)}#vpn-app .rdp-success{display:none;margin-top:1rem;text-align:center;background:var(--accent-50);border:1px solid var(--accent-100);border-radius:.9rem;padding:1.1rem}#vpn-app .rdp-success p{margin:.15rem 0;color:var(--accent-700)}#vpn-app .success-icon{font-size:2rem}#vpn-app .step-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:.5rem}#vpn-app .btn{border:0;border-radius:.65rem;padding:.7rem 1.4rem;font-weight:600;cursor:pointer;font-size:.95rem}#vpn-app .btn-primary{background:var(--primary-600);color:#fff}#vpn-app .btn-primary:hover{background:var(--primary-700)}#vpn-app .btn-outline{background:#fff;color:var(--primary-700);border:1.5px solid var(--neutral-300)}#vpn-app .btn-lg{padding:.8rem 1.8rem}#vpn-app #btnNext{margin-left:auto}#vpn-app .credential-callout{background:var(--primary-50);border:1px solid var(--primary-100);border-radius:.9rem;padding:1rem 1.15rem;margin-bottom:1rem}#vpn-app .credential-callout-title{font-weight:700;color:var(--primary-800, #002952);margin-bottom:.6rem}#vpn-app .credential-callout-row{display:flex;align-items:center;gap:.6rem;margin-top:.4rem}#vpn-app .credential-callout-label{font-size:.8rem;color:var(--neutral-500);width:4.5rem;flex-shrink:0}#vpn-app .credential-callout-value{flex:1}#vpn-app .office-prep-section{display:none}#vpn-app .office-prep-section.visible{display:block}#vpn-app .info-card{max-width:22rem;margin:1rem auto 0;border-radius:1rem;overflow:hidden;border:1px solid var(--neutral-200);box-shadow:0 8px 24px #001a331f}#vpn-app .info-card-header{display:flex;align-items:center;gap:.6rem;background:linear-gradient(135deg,var(--primary-600),var(--primary-800, #002952));color:#fff;padding:.85rem 1.1rem}#vpn-app .info-card-logo{width:1.6rem;height:1.6rem;border-radius:.35rem;background:#fff;padding:2px}#vpn-app .info-card-header-text{font-weight:700}#vpn-app .info-card-body{background:#fff;padding:.5rem 1.1rem}#vpn-app .info-card-row{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--neutral-100)}#vpn-app .info-card-row:last-child{border-bottom:0}#vpn-app .info-card-label{color:var(--neutral-500);font-size:.85rem}#vpn-app .info-card-value{font-weight:700;color:var(--neutral-900);text-align:right;word-break:break-word}#vpn-app .info-card-value.card-name{color:var(--primary-700)}#vpn-app .info-card-footer{display:flex;justify-content:space-between;align-items:center;background:var(--neutral-100);padding:.55rem 1.1rem;font-size:.72rem;color:var(--neutral-500)}#vpn-app .info-card-screenshot-hint{text-align:center;font-size:.85rem;color:var(--neutral-500);margin-top:.6rem}#vpn-app .save-options{display:grid;gap:.6rem;margin-top:1rem}@media(min-width:640px){#vpn-app .save-options{grid-template-columns:1fr 1fr 1fr}}#vpn-app .save-option-btn{display:flex;align-items:center;gap:.6rem;text-align:left;background:#fff;border:1px solid var(--neutral-200);border-radius:.8rem;padding:.8rem 1rem;cursor:pointer;transition:all .15s}#vpn-app .save-option-btn:hover{border-color:var(--primary-200, #80c1ff);box-shadow:0 4px 12px #0052a314}#vpn-app .save-option-icon{font-size:1.5rem}#vpn-app .save-option-sub{font-size:.78rem;color:var(--neutral-500)}#vpn-app .save-confirmation{display:none;text-align:center;margin-top:.85rem;background:var(--accent-50);color:var(--accent-700);border-radius:.7rem;padding:.7rem;font-weight:600}#vpn-app .qr-container{display:none;text-align:center;margin-top:1rem}#vpn-app .qr-container canvas{border-radius:.6rem;border:1px solid var(--neutral-200)}#vpn-app .qr-hint{font-size:.85rem;color:var(--neutral-500);margin-top:.5rem}#vpn-app .troubleshooting{margin-top:2.5rem}#vpn-app .troubleshooting>h2{text-align:center;margin-bottom:1.25rem}#vpn-app .accordion-item{border:1px solid var(--neutral-200);border-radius:.8rem;margin-bottom:.6rem;overflow:hidden;background:#fff}#vpn-app .accordion-btn{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:none;border:0;padding:1rem 1.25rem;font-weight:600;color:var(--neutral-900);cursor:pointer;font-size:.95rem}#vpn-app .accordion-chevron{color:var(--primary-500);transition:transform .2s;flex-shrink:0}#vpn-app .accordion-item.open .accordion-chevron{transform:rotate(180deg)}#vpn-app .accordion-content{max-height:0;overflow:hidden;transition:max-height .25s ease}#vpn-app .accordion-item.open .accordion-content{max-height:40rem}#vpn-app .accordion-body{padding:0 1.25rem 1.1rem;color:var(--neutral-600);font-size:.925rem}#vpn-app .accordion-body ul{padding-left:1.15rem;line-height:1.7}#vpn-app .accordion-body a,#vpn-app .instruction-content a,#vpn-app .callout a{font-weight:600}