:root{--color-primary:#2563eb;--color-primary-light:#3b82f6;--color-primary-dark:#1e40af;--color-primary-soft:#eff6ff;--color-primary-gradient:linear-gradient(135deg,#3b82f6,#2563eb);--color-white:#fff;--color-background:#fff;--color-background-light:#f8fafc;--color-background-alt:#eef4ff;--color-text:#0f172a;--color-text-dark:#0f172a;--color-text-secondary:#64748b;--color-text-light:#94a3b8;--color-border:#dfeaf7;--color-border-light:#edf4ff;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--spacing-4xl:48px;--spacing-5xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(15,23,42,.04);--shadow-md:0 10px 30px rgba(37,99,235,.08);--shadow-lg:0 18px 40px rgba(37,99,235,.12);--shadow-xl:0 20px 60px rgba(15,23,42,.12);--shadow-2xl:0 25px 80px rgba(37,99,235,.18);--shadow-blue:0 10px 25px rgba(37,99,235,.18);--shadow-blue-lg:0 20px 40px rgba(37,99,235,.24);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--text-4xl:40px;--text-5xl:48px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease}*,:after,:before{box-sizing:border-box}#root,body,html{margin:0;min-height:100%;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top left,rgba(59,130,246,.19),transparent 25%),radial-gradient(circle at bottom right,rgba(37,99,235,.14),transparent 28%),#f8fafc;background:radial-gradient(circle at top left,rgba(59,130,246,.19),transparent 25%),radial-gradient(circle at bottom right,rgba(37,99,235,.14),transparent 28%),var(--color-background-light);color:#0f172a;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:16px;font-size:var(--text-base);line-height:1.6;max-width:100vw;overflow-x:hidden;width:100%}iframe,img,svg,video{height:auto;max-width:100%}div,h1,h2,h3,h4,h5,h6,p,span{word-wrap:break-word;overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--color-text);font-weight:700;line-height:1.1;margin:0}h1{font-size:48px;font-size:var(--text-5xl)}h2{font-size:40px;font-size:var(--text-4xl)}h3{font-size:32px;font-size:var(--text-3xl)}h4{font-size:24px;font-size:var(--text-2xl)}h5{font-size:20px;font-size:var(--text-xl)}h6{font-size:18px;font-size:var(--text-lg)}p{margin:0}a{color:#2563eb;color:var(--color-primary);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#1e40af;color:var(--color-primary-dark)}.btn,button{border:none;outline:none;transition:all .25s ease;transition:all var(--transition-base)}code{background-color:#eef4ff;background-color:var(--color-background-alt);border-radius:8px;border-radius:var(--radius-sm);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-family:var(--font-mono);font-size:.9em;padding:2px 6px}@media (max-width:768px){body{font-size:15px}:root{--text-5xl:36px;--text-4xl:32px;--text-3xl:28px;--text-2xl:22px}}.nav-container{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:hsla(0,0%,100%,.82);border-bottom:1px solid rgba(148,163,184,.18);box-shadow:0 10px 30px rgba(15,23,42,.04);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container .navbar{background:transparent!important}.navbar{margin:0 auto;max-width:1200px;padding:.8rem 1.25rem}.navbar-brand-custom{margin:0;padding:0;text-decoration:none}.brand-logo{align-items:center;color:var(--color-primary);display:inline-flex;font-size:1rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transition:color var(--transition-base)}.navbar-brand-custom:hover .brand-logo{color:var(--color-primary-dark)}.navbar-nav{align-items:center;display:flex;flex-direction:row;gap:.25rem}.desktop-nav{background:hsla(0,0%,100%,.66);border:1px solid rgba(37,99,235,.12);border-radius:14px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8);margin:0 auto;padding:.25rem}.desktop-actions{gap:.5rem;margin-left:1rem}.navbar-nav .nav-link{align-items:center;border-radius:10px;color:var(--color-text-secondary);display:flex;font-size:.82rem;font-weight:600;gap:.35rem;padding:.62rem .82rem;transition:all var(--transition-fast);white-space:nowrap}.navbar-nav .nav-link:hover{background:rgba(37,99,235,.06);color:var(--color-primary)}.navbar-nav .nav-link.router-link-exact-active{background:rgba(37,99,235,.11);box-shadow:inset 0 0 0 1px rgba(37,99,235,.15);color:var(--color-primary)}.nav-user-profile{border:2px solid var(--color-border);border-radius:var(--radius-full);height:36px;object-fit:cover;width:36px}#qsLogoutBtn{align-items:center;background:hsla(0,0%,100%,.82);border:1px solid rgba(37,99,235,.22);color:var(--color-primary);cursor:pointer;display:flex;gap:.4rem;padding:.64rem .96rem;transition:all var(--transition-base)}#qsLoginBtn,#qsLogoutBtn{border-radius:10px;font-size:.8rem;font-weight:700}#qsLoginBtn{background:var(--color-primary-gradient);border:1px solid rgba(37,99,235,.2);box-shadow:0 8px 18px rgba(37,99,235,.2);padding:.66rem 1rem}#qsLoginBtn:hover{box-shadow:0 10px 22px rgba(37,99,235,.24)}#qsLoginBtn:hover,#qsLogoutBtn:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}#qsLogoutBtn:hover{background:var(--color-primary);box-shadow:var(--shadow-blue);color:var(--color-white)}.btn-margin{margin-left:0}.navbar-inner{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:auto 1fr auto;width:100%}.mobile-burger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:5px;justify-content:center;margin-left:auto;padding:8px}.mobile-burger span{background:var(--color-text);border-radius:2px;display:block;height:2px;-webkit-transform-origin:center;transform-origin:center;transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;width:24px}.mobile-burger.open span:first-child{-webkit-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg)}.mobile-burger.open span:nth-child(2){opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.mobile-burger.open span:nth-child(3){-webkit-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg)}.mobile-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(248,250,252,.97);inset:0;overflow:hidden;padding-top:72px;position:fixed;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;z-index:999}.mobile-overlay--open{-webkit-transform:translateX(0);transform:translateX(0)}.mobile-overlay__nav{display:flex;flex-direction:column;gap:.25rem;height:100%;padding:1.5rem 1rem}.mobile-nav-link{border-radius:12px;color:var(--color-text-secondary);display:block;font-size:1.05rem;font-weight:600;padding:1rem 1.1rem;text-decoration:none;transition:background .15s,color .15s}.mobile-nav-link.active,.mobile-nav-link:hover{background:rgba(37,99,235,.06);color:var(--color-primary);text-decoration:none}.mobile-nav-divider{background:var(--color-border);height:1px;margin:.75rem 0}@media (max-width:767px){.navbar{padding:.8rem 1rem}.navbar-nav .nav-link{min-height:44px;padding:.85rem 1rem}#qsLogoutBtn{min-height:44px;padding:.8rem 1rem}.navbar-inner{display:flex;gap:.6rem}}.footer-compact{background:linear-gradient(180deg,hsla(0,0%,100%,.9),rgba(239,246,255,.96));border-top:1px solid rgba(148,163,184,.2);flex-shrink:0;margin-top:auto;padding:1rem 1.25rem;width:100%}.footer-container{gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:1400px}.footer-container,.footer-left{align-items:center;display:flex}.footer-left{gap:.75rem}.footer-brand{color:var(--color-primary);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.footer-center{align-items:center;display:flex;flex:1 1;gap:1.2rem;justify-content:center}.footer-link{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:.75rem;font-weight:600;gap:.4rem;text-decoration:none;transition:color var(--transition-fast),-webkit-transform var(--transition-fast);transition:color var(--transition-fast),transform var(--transition-fast);transition:color var(--transition-fast),transform var(--transition-fast),-webkit-transform var(--transition-fast);white-space:nowrap}.footer-link:hover{color:var(--color-primary);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.footer-right{align-items:center;display:flex}@media (max-width:768px){.footer-container{flex-direction:column;gap:.9rem;padding:.75rem 0}.footer-left{justify-content:space-between;width:100%}.footer-center{flex-wrap:wrap;gap:.8rem 1rem}.footer-center,.footer-right{justify-content:flex-start;width:100%}}.app-container{display:flex;flex-direction:column;gap:var(--spacing-lg);margin:0 auto;max-width:1200px;padding:var(--spacing-lg) var(--spacing-lg);width:100%}.app-index-page{justify-content:start;margin-top:0;min-height:calc(100vh - 300px)}.app-header{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:1.5rem 0;text-align:center}.app-header h2{color:var(--color-text);font-size:2rem;font-weight:800;letter-spacing:-.05em;margin:0}.app-welcome{color:var(--color-text-secondary);font-size:1rem;font-weight:500;margin:0}.app-actions-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:860px;width:100%}@media (max-width:768px){.app-actions-container{grid-template-columns:1fr}}.app-actions-item{align-items:center;background:linear-gradient(135deg,rgba(59,130,246,.04),rgba(37,99,235,.08));border:1px solid rgba(59,130,246,.14);border-radius:18px;color:var(--color-text);display:flex;flex-direction:column;font-size:1rem;font-weight:700;gap:.65rem;justify-content:center;min-height:120px;overflow:hidden;padding:1.5rem 1.1rem;position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.app-actions-item:before{background:linear-gradient(90deg,#3b82f6,#2563eb);content:"";height:3px;inset:0 auto auto 0;opacity:0;position:absolute;transition:opacity .25s ease;width:100%}.app-actions-item svg{color:var(--color-primary);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.app-actions-item:hover{border-color:rgba(37,99,235,.25);box-shadow:0 18px 36px rgba(37,99,235,.12);color:var(--color-text);text-decoration:none;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.app-actions-item:hover:before{opacity:1}.app-actions-item:hover svg{-webkit-transform:scale(1.15);transform:scale(1.15)}.landing-container{background:transparent;margin:0;max-width:100%;padding:0;width:100%}.hero-section-modern{background:linear-gradient(135deg,#0f172a,#1d4ed8 55%,#2563eb);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18);overflow:hidden;padding:5.5rem 1.5rem 4rem;position:relative;text-align:center}.hero-section-modern:after,.hero-section-modern:before{border-radius:50%;content:"";-webkit-filter:blur(8px);filter:blur(8px);pointer-events:none;position:absolute}.hero-section-modern:before{background:hsla(0,0%,100%,.12);height:420px;right:-120px;top:-140px;width:420px}.hero-section-modern:after{background:rgba(96,165,250,.18);bottom:-230px;height:520px;left:-160px;width:520px}.hero-content{margin:0 auto;max-width:920px;position:relative;z-index:1}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2);border-radius:999px;color:#e2ebff;display:inline-flex;font-size:.8rem;font-weight:700;gap:.5rem;letter-spacing:.06em;margin-bottom:1.5rem;padding:.7rem 1.1rem;text-transform:uppercase}.hero-title{color:#fff;font-size:clamp(2.6rem,5vw,5rem);font-weight:900;letter-spacing:-.06em;line-height:.98;margin:0 0 1rem;text-shadow:0 12px 30px rgba(15,23,42,.22)}.hero-subtitle{color:hsla(0,0%,100%,.9);font-size:clamp(1.05rem,2vw,1.4rem);line-height:1.7;margin:0 auto 2rem;max-width:700px}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-hero-primary,.btn-hero-secondary{align-items:center;border:none;border-radius:14px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:800;gap:.6rem;justify-content:center;min-height:52px;padding:.95rem 1.7rem;text-decoration:none;transition:all .2s ease}.btn-hero-primary{background:var(--color-white);box-shadow:0 14px 30px rgba(15,23,42,.18);color:var(--color-primary)}.btn-hero-primary:hover{box-shadow:0 18px 36px rgba(15,23,42,.24);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-hero-secondary{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.18);color:#fff}.btn-hero-secondary:hover{background:hsla(0,0%,100%,.12);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.features-section{margin:0 auto;max-width:1200px;padding:4rem 1.5rem 1.5rem}.section-header{margin-bottom:2rem;text-align:center}.section-title{font-size:clamp(2rem,3vw,3rem);font-weight:800;letter-spacing:-.05em;margin:0 0 .75rem}.section-subtitle{color:var(--color-text-secondary);font-size:1.05rem;margin:0}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature-card-modern{background:hsla(0,0%,100%,.8);border:1px solid rgba(148,163,184,.18);border-radius:22px;box-shadow:0 10px 25px rgba(15,23,42,.04);overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .3s ease}.feature-card-modern:before{background:linear-gradient(90deg,#3b82f6,#2563eb);content:"";height:4px;inset:0 0 auto 0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}.feature-card-modern:hover{border-color:rgba(37,99,235,.18);box-shadow:0 18px 36px rgba(37,99,235,.12);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.feature-card-modern:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.feature-icon-wrapper{align-items:center;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(37,99,235,.2));border:1px solid rgba(59,130,246,.1);border-radius:18px;display:flex;height:64px;justify-content:center;margin:0 auto 1.1rem;width:64px}.feature-icon{color:var(--color-primary);height:30px;width:30px}.feature-title{color:var(--color-text);font-size:1.2rem;font-weight:800;margin:0 0 .6rem}.feature-description{color:var(--color-text-secondary);font-size:.92rem;line-height:1.7;margin:0}.usecases-section{margin:1rem auto 3.5rem;max-width:1200px;padding:0 1.5rem}.usecases-header{margin-bottom:2.5rem;text-align:center}.usecases-title{color:var(--color-text);font-size:clamp(2rem,3vw,3rem);font-weight:900;letter-spacing:-.05em;margin:0 0 .9rem}.usecases-subtitle{color:var(--color-text-secondary);font-size:1.05rem;margin:0}.usecases-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.usecase-card{background:hsla(0,0%,100%,.9);border:1px solid rgba(148,163,184,.16);border-radius:20px;box-shadow:0 10px 25px rgba(15,23,42,.04);overflow:hidden;padding:1.8rem;position:relative;transition:all .25s ease}.usecase-card:before{background:linear-gradient(90deg,#2563eb,hsla(0,0%,100%,.8));background:linear-gradient(90deg,var(--gradient-color,#2563eb),hsla(0,0%,100%,.8));content:"";height:4px;inset:0 auto auto 0;opacity:0;position:absolute;transition:opacity .25s ease;width:100%}.usecase-card:hover{border-color:rgba(37,99,235,.18);box-shadow:0 18px 32px rgba(37,99,235,.1);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.usecase-card:hover:before{opacity:1}.usecase-icon{align-items:center;border-radius:16px;display:flex;height:54px;justify-content:center;margin-bottom:1.1rem;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:54px}.usecase-card:hover .usecase-icon{-webkit-transform:scale(1.05);transform:scale(1.05)}.usecase-icon-blue{--gradient-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.usecase-icon-purple{--gradient-color:#8b5cf6;background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.usecase-icon-green{--gradient-color:#10b981;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.usecase-icon-orange{--gradient-color:#f59e0b;background:linear-gradient(135deg,#ffedd5,#fdba74);color:#c2410c}.usecase-card:first-child{--gradient-color:#3b82f6}.usecase-card:nth-child(2){--gradient-color:#8b5cf6}.usecase-card:nth-child(3){--gradient-color:#10b981}.usecase-card:nth-child(4){--gradient-color:#f59e0b}.usecase-title{color:var(--color-text);font-size:1.2rem;font-weight:800;line-height:1.35;margin:0 0 .7rem}.usecase-description{color:var(--color-text-secondary);font-size:.95rem;line-height:1.7;margin:0}@media (max-width:992px){.usecases-grid{grid-template-columns:1fr}}@media (max-width:768px){.hero-section-modern{padding-top:4.4rem}.features-section{padding-top:3rem}.usecases-section{padding:0 1rem}.hero-actions{flex-direction:column;width:100%}.btn-hero-primary,.btn-hero-secondary{width:100%}.usecase-card{padding:1.5rem}.usecase-icon{height:48px;width:48px}}.app-profile-page{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);min-height:100%;padding:.5rem 0 1.5rem}.refresh-button-container{display:flex;justify-content:flex-end;max-width:680px;width:100%}.refresh-button{align-items:center;background:var(--color-primary-gradient);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-blue);color:#fff;cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base)}.refresh-button:hover:not(:disabled){box-shadow:var(--shadow-blue-lg);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.refresh-button svg.spinning{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.bonus-card,.profile-card{background:hsla(0,0%,100%,.9);border:1px solid rgba(148,163,184,.24);border-radius:var(--radius-xl);box-shadow:0 12px 24px rgba(15,23,42,.06);max-width:680px;overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-base);width:100%}@media (max-width:768px){.app-profile-page{padding-bottom:1.1rem}.bonus-card,.profile-card{border-radius:var(--radius-lg);padding:var(--spacing-md)}}.bonus-card:before,.profile-card:before{background:var(--color-primary-gradient);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.bonus-card:hover,.profile-card:hover{box-shadow:var(--shadow-blue-lg);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.bonus-card:hover:before,.profile-card:hover:before{opacity:1}.premium-badge{align-items:center;-webkit-animation:shimmer 3s infinite;animation:shimmer 3s infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:999px;box-shadow:0 4px 12px rgba(251,191,36,.35);color:#fff;display:inline-flex;font-size:var(--text-sm);font-weight:700;gap:6px;margin-bottom:var(--spacing-md);padding:5px 12px}.subs-tabs{border-bottom:2px solid var(--color-border);gap:0;margin-bottom:var(--spacing-xl)}.subs-tab,.subs-tabs{display:flex;position:relative}.subs-tab{align-items:center;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-height:48px;padding:12px 8px;transition:all .25s ease;white-space:nowrap}@media (max-width:768px){.subs-tab{font-size:11px;gap:3px;padding:14px 4px}.subs-tab svg{flex-shrink:0;height:14px;width:14px}}@media (max-width:500px){.subs-tabs{gap:8px}.subs-tab{flex-direction:column;gap:4px;min-width:0;padding:10px 4px}.subs-tab-text{display:none}.subs-tab svg{height:18px;width:18px}}.subs-tab:after{background:var(--color-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1)}.subs-tab:hover{background:rgba(37,99,235,.04);color:var(--color-text)}.subs-tab--active{color:var(--color-primary)}.subs-tab--active:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.subs-tab__badge{background:#e5e7eb;border-radius:999px;color:#6b7280;font-size:10px;font-weight:700;line-height:1.3;min-width:20px;padding:2px 7px;text-align:center}.subs-tab__badge--active{background:var(--color-primary);box-shadow:0 0 0 4px rgba(37,99,235,.1);color:#fff}.subs-tab-content{min-height:80px}.subs-list{display:flex;flex-direction:column;gap:12px}.subs-list--compact{gap:8px;max-height:min(48vh,480px);overflow-y:auto;padding-right:4px;scrollbar-color:rgba(148,163,184,.55) transparent;scrollbar-width:thin}.subs-list--compact::-webkit-scrollbar{width:8px}.subs-list--compact::-webkit-scrollbar-thumb{background:rgba(148,163,184,.45);border-radius:999px}.subs-list--compact::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.55)}.sub-item{background:var(--color-white);border:2px solid var(--color-border);border-radius:14px;overflow:hidden;padding:18px 20px;position:relative;transition:all .25s ease}@media (max-width:768px){.sub-item{padding:16px}}.sub-item:before{content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:4px}.sub-item:hover{box-shadow:-8px 8px 24px rgba(0,0,0,.08);-webkit-transform:translateX(3px);transform:translateX(3px)}.sub-item--compact{align-items:center;border-radius:10px;border-width:1px;display:flex;flex-direction:row;gap:8px;justify-content:space-between;min-height:44px;padding:10px 14px 10px 16px}.sub-item__name{color:#0f172a;flex:1 1 auto;font-size:14px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-item__date{color:#64748b;flex-shrink:0;font-size:13px;font-weight:500;white-space:nowrap}.sub-item--active{background:linear-gradient(135deg,rgba(37,99,235,.04),rgba(59,130,246,.02));border-color:rgba(37,99,235,.25)}.sub-item--active:before{background:linear-gradient(180deg,#22c55e,#16a34a)}.sub-item--active:hover:before{width:6px}.sub-item--expired{background:rgba(148,163,184,.03);border-color:#e5e7eb;opacity:.8}.sub-item--expired .sub-item__name{color:#64748b}.sub-item--expired:before{background:#94a3b8}.subs-active-until{align-items:center;background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(16,185,129,.05));border:1px solid rgba(34,197,94,.25);border-radius:12px;display:flex;gap:12px;margin-bottom:12px;padding:14px 18px}.subs-active-until__icon{color:#16a34a;flex-shrink:0}.subs-active-until__label{color:#16a34a;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:2px;text-transform:uppercase}.subs-active-until__date{color:#0f172a;font-size:18px;font-weight:800;letter-spacing:-.3px}.payments-timeline{display:flex;flex-direction:column;gap:6px;padding-left:28px;position:relative}@media (max-width:768px){.payments-timeline{padding-left:20px}}.payments-timeline:before{background:linear-gradient(180deg,rgba(37,99,235,.2),rgba(148,163,184,.1));bottom:20px;content:"";left:13px;position:absolute;top:20px;width:2px}@media (max-width:768px){.payments-timeline:before{left:7px}}.payment-row{align-items:flex-start;background:var(--color-white);border:1px solid transparent;border-radius:12px;display:flex;gap:12px;padding:12px 16px;position:relative;transition:all .2s ease}.payment-row:hover{background:var(--color-background-light);border-color:var(--color-border);-webkit-transform:translateX(4px);transform:translateX(4px)}.payment-row__icon{align-items:center;border:3px solid var(--color-white);border-radius:50%;display:flex;flex-shrink:0;height:28px;justify-content:center;left:-28px;position:absolute;top:12px;width:28px;z-index:1}@media (max-width:768px){.payment-row__icon{border-width:2px;height:24px;left:-20px;width:24px}.payment-row__icon svg{height:12px;width:12px}}.payment-row__icon.ok{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px rgba(34,197,94,.3);color:#fff}.payment-row__icon.pending{background:linear-gradient(135deg,#facc15,#eab308);box-shadow:0 4px 12px rgba(250,204,21,.3);color:#fff}.payment-row__icon.fail{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px rgba(239,68,68,.3);color:#fff}.payment-row__body{flex:1 1;min-width:0}.payment-row__top{align-items:baseline;display:flex;gap:8px;justify-content:space-between;margin-bottom:3px}.payment-row__name{color:var(--color-text);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-row__price{color:#f59e0b;flex-shrink:0;font-size:14px;font-weight:700;white-space:nowrap}.payment-row__bottom{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.payment-row__status{border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.payment-row__status.ok{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(22,163,74,.15));border:1px solid rgba(34,197,94,.2);color:#16a34a}.payment-row__status.pending{background:linear-gradient(135deg,rgba(250,204,21,.15),rgba(234,179,8,.15));border:1px solid rgba(250,204,21,.2);color:#ca8a04}.payment-row__status.fail{background:linear-gradient(135deg,rgba(239,68,68,.12),rgba(220,38,38,.12));border:1px solid rgba(239,68,68,.2);color:#dc2626}.payment-row__date,.payment-row__meta{color:#94a3b8;font-size:11px}.payment-row__date{align-items:center;display:flex;gap:3px;margin-left:auto}.no-subs-message{background:var(--color-background-light);border:2px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-base);padding:var(--spacing-2xl);text-align:center}.promo-code{align-items:center;background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(59,130,246,.06));border:2px dashed var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:var(--text-lg);font-weight:600;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base);-webkit-user-select:all;user-select:all}.promo-code:hover{background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(59,130,246,.12));box-shadow:var(--shadow-blue);-webkit-transform:scale(1.02);transform:scale(1.02)}.promo-code:active{-webkit-transform:scale(.98);transform:scale(.98)}.bonus-block{align-items:center;background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);display:flex;font-size:var(--text-sm);gap:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-base)}.bonus-block:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.bonus-block.premium-badge{-webkit-animation:shimmer 3s infinite;animation:shimmer 3s infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#d97706;box-shadow:0 6px 20px rgba(251,191,36,.3);color:#fff;font-weight:700;padding:var(--spacing-xl)}@-webkit-keyframes shimmer{0%,to{box-shadow:0 6px 20px rgba(251,191,36,.3)}50%{box-shadow:0 8px 30px rgba(251,191,36,.5)}}@keyframes shimmer{0%,to{box-shadow:0 6px 20px rgba(251,191,36,.3)}50%{box-shadow:0 8px 30px rgba(251,191,36,.5)}}.bonus-card__header{align-items:center;border-bottom:2px solid var(--color-border);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.bonus-card__header-icon{color:var(--color-primary);flex-shrink:0}.bonus-card__title{color:var(--color-text);font-size:var(--text-lg);font-weight:700;margin:0}.promo-section{flex-direction:column;margin-bottom:var(--spacing-lg)}.promo-row,.promo-section{display:flex;gap:var(--spacing-sm)}.promo-row{align-items:stretch}@media (max-width:500px){.promo-row{flex-direction:column}.promo-btn{width:100%}}.promo-input{border:2px solid var(--color-border)!important;border-radius:var(--radius-md)!important;flex:1 1;font-size:var(--text-sm)!important;padding:var(--spacing-sm) var(--spacing-md)!important;transition:all var(--transition-base)}.promo-input:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px rgba(37,99,235,.1)!important;outline:none}.promo-btn{border-radius:var(--radius-md)!important;flex-shrink:0;font-size:var(--text-sm)!important;font-weight:600!important;padding:var(--spacing-sm) var(--spacing-lg)!important;white-space:nowrap}.bonus-info-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}@media (max-width:500px){.bonus-info-grid{gap:var(--spacing-sm);grid-template-columns:1fr}}.bonus-info-block{background:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.bonus-info-block--full{grid-column:1/-1}.bonus-info-block__label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--text-xs);font-weight:600;gap:5px;letter-spacing:.5px;text-transform:uppercase}.bonus-info-block__value{color:var(--color-text);font-size:var(--text-lg);font-weight:700}.bonus-info-block__value--email{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;word-break:break-all}.bonus-card .btn-primary{background:var(--color-primary-gradient);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-blue);color:#fff;cursor:pointer;font-size:var(--text-base);font-weight:600;padding:var(--spacing-md) var(--spacing-2xl);transition:all var(--transition-base);width:100%}@media (min-width:768px){.bonus-card .btn-primary{width:auto}}.bonus-card .btn-primary:hover:not(:disabled){box-shadow:var(--shadow-blue-lg);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.bonus-card .btn-primary:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0)}.bonus-card .btn-primary:disabled{cursor:not-allowed;opacity:.6}.promo-result-success{background:rgba(16,185,129,.1);border:2px solid rgba(16,185,129,.3);border-radius:var(--radius-md);color:var(--color-success)}.promo-result-error,.promo-result-success{-webkit-animation:slideIn .3s ease;animation:slideIn .3s ease;font-weight:600;padding:var(--spacing-md) var(--spacing-lg)}.promo-result-error{background:rgba(239,68,68,.1);border:2px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error)}.copy-toast{align-items:center;-webkit-animation:toastSlide .3s ease;animation:toastSlide .3s ease;background:linear-gradient(135deg,var(--color-success) 0,#059669 100%);border-radius:var(--radius-md);bottom:var(--spacing-2xl);box-shadow:0 10px 30px rgba(16,185,129,.4);color:#fff;display:flex;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);position:fixed;right:var(--spacing-2xl);z-index:1000}@-webkit-keyframes toastSlide{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlide{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.import-section{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-lg)}.import-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(102,126,234,.3);color:#fff;cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base)}.import-btn:hover{box-shadow:0 6px 20px rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.import-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:768px){.import-section{justify-content:stretch}.import-btn{justify-content:center;width:100%}}.import-modal-overlay{align-items:center;-webkit-animation:modalFadeIn .2s ease;animation:modalFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6);display:flex;inset:0;justify-content:center;padding:var(--spacing-lg);position:fixed;z-index:2000}.import-modal{-webkit-animation:modalSlideUp .3s cubic-bezier(.4,0,.2,1);animation:modalSlideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:var(--radius-xl);box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:520px;position:relative;width:100%}@-webkit-keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes modalSlideUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes modalSlideUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.import-modal__close{align-items:center;background:rgba(0,0,0,.05);border:none;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);transition:all var(--transition-base);width:36px}.import-modal__close:hover{background:rgba(0,0,0,.1);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.import-modal__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg)}.import-modal__icon{color:var(--color-primary);flex-shrink:0}.import-modal__title{color:var(--color-text-dark);font-size:var(--text-xl);font-weight:700;line-height:1.3;margin:0;padding-right:var(--spacing-xl)}.import-modal__body{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl)}.import-warning{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:var(--radius-md);color:#92400e;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.import-warning svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.import-instructions{background:var(--color-background-light);border-radius:var(--radius-md);padding:var(--spacing-lg)}.import-instructions__title{color:var(--color-text-dark);font-size:var(--text-base);font-weight:600;margin:0 0 var(--spacing-md) 0}.import-instructions__list{color:var(--color-text);font-size:var(--text-sm);line-height:1.7;margin:0;padding-left:var(--spacing-lg)}.import-instructions__list li{margin-bottom:var(--spacing-sm)}.import-instructions__list li:last-child{margin-bottom:0}.import-input-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.import-input{border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base)}.import-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.import-input:disabled{background:var(--color-background-light);cursor:not-allowed;opacity:.6}.import-error{background:rgba(239,68,68,.1);color:var(--color-error)}.import-error,.import-success{border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;padding:var(--spacing-sm) var(--spacing-md)}.import-success{align-items:center;background:rgba(16,185,129,.1);color:var(--color-success);display:flex;gap:var(--spacing-sm)}.import-modal__footer{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl)}.import-modal__btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-base)}.import-modal__btn--cancel{background:var(--color-background-light);border:1px solid var(--color-border);color:var(--color-text)}.import-modal__btn--cancel:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.import-modal__btn--primary{background:var(--color-primary-gradient);box-shadow:0 4px 12px rgba(99,102,241,.3);color:#fff}.import-modal__btn--primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(99,102,241,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.import-modal__btn:disabled{cursor:not-allowed;opacity:.5;-webkit-transform:none!important;transform:none!important}@media (max-width:768px){.import-modal{margin:var(--spacing-md);max-width:100%}.import-modal__header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.import-modal__title{font-size:var(--text-lg)}.import-modal__body{padding:var(--spacing-lg)}.import-modal__footer{flex-direction:column-reverse;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}.import-modal__btn{justify-content:center;width:100%}}.app-vpn-page{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}@media (max-width:768px){.app-vpn-page{gap:.85rem}}.vpn-page-header{background:linear-gradient(135deg,#1e40af,#2563eb 62%,#3b82f6);border-radius:20px;box-shadow:0 18px 34px rgba(37,99,235,.24);margin-bottom:.15rem;padding:1.6rem 1rem 1.3rem;text-align:center}.vpn-main-title{color:#fff;font-size:2rem;font-weight:900;letter-spacing:-.04em;margin:0 0 .5rem}.vpn-main-subtitle{color:hsla(0,0%,100%,.9);font-size:.98rem;font-weight:500;margin:0}@media (max-width:768px){.vpn-main-title{font-size:1.6rem}.vpn-main-subtitle{font-size:.9rem}}.vpn-section{background:hsla(0,0%,100%,.86);border:1px solid rgba(148,163,184,.2);border-radius:18px;box-shadow:0 10px 24px rgba(15,23,42,.05);display:flex;flex-direction:column;gap:var(--spacing-md);padding:1.05rem;position:relative;transition:all .3s ease}.vpn-section:first-of-type{border-color:rgba(37,99,235,.2)}.vpn-section:not(:first-of-type){border-color:rgba(14,116,144,.2)}@media (max-width:768px){.vpn-section{padding:var(--spacing-md)}}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.section-title-alt{color:var(--color-text);font-size:20px;font-weight:700;margin:0}@media (max-width:768px){.section-title-alt{font-size:18px}}.section-description{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0}.manual-setup-section .section-header{row-gap:var(--spacing-xs)}.manual-setup-section .section-description{margin-top:var(--spacing-xs)}.recommended-badge{background:linear-gradient(135deg,#16a34a,#10b981);box-shadow:0 2px 8px rgba(16,185,129,.25);color:#fff}.advanced-badge,.recommended-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.advanced-badge{background:linear-gradient(135deg,rgba(14,116,144,.12),rgba(59,130,246,.12));border:1.5px solid rgba(14,116,144,.24);color:#0e7490}.section-title{color:var(--color-text);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--spacing-sm)}.platform-section{background:rgba(37,99,235,.02);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}@media (max-width:768px){.platform-section{padding:var(--spacing-lg)}}.os-selector{grid-gap:var(--spacing-md);gap:var(--spacing-md)}@media (max-width:500px){.os-selector{grid-template-columns:repeat(2,1fr)}}.os-button{align-items:center;background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);justify-content:center;min-height:80px;padding:var(--spacing-lg);transition:all var(--transition-base)}@media (max-width:768px){.os-button{min-height:70px;padding:var(--spacing-md)}}.os-button:hover{background:var(--color-background-light);border-color:var(--color-primary-light)}.os-button.selected{background:rgba(37,99,235,.06);border-color:var(--color-primary);box-shadow:var(--shadow-blue)}.os-name{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.apps-section{margin-top:calc(var(--spacing-sm)*-1)}.os-instructions{gap:var(--spacing-md)}.instruction-card{background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base)}@media (max-width:768px){.instruction-card{padding:var(--spacing-md)}}.instruction-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.instruction-title-wrap{gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.os-title{color:var(--color-text);font-size:var(--text-lg)}.instruction-actions{gap:var(--spacing-md)}@media (max-width:500px){.instruction-actions{flex-direction:column}}.action-link{background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);flex:1 1;gap:var(--spacing-sm);min-height:48px;min-width:150px;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all var(--transition-base)}@media (max-width:500px){.action-link{justify-content:center;min-width:0;min-width:auto;width:100%}}.action-link:hover{background:var(--color-background-light);border-color:var(--color-primary);box-shadow:var(--shadow-sm);text-decoration:none;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.action-icon{color:var(--color-primary);flex-shrink:0}.action-text{font-size:var(--text-sm);font-weight:600}.placeholder-card{align-items:center;background:var(--color-background-light);border:2px dashed var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-4xl) var(--spacing-xl)}@media (max-width:768px){.placeholder-card{padding:var(--spacing-2xl) var(--spacing-lg)}}.placeholder-icon{color:var(--color-text-light)}.placeholder-text{color:var(--color-text-secondary);font-size:var(--text-base)}.servers-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.servers-grid{grid-template-columns:1fr}}.server-card{background:hsla(0,0%,100%,.95);border:1px solid rgba(37,99,235,.16);border-radius:16px;box-sizing:border-box;overflow:hidden;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.server-card{border-radius:14px;padding:16px}}.server-card:before{background:linear-gradient(90deg,#3b82f6,#2563eb);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.server-card:hover{border-color:rgba(37,99,235,.3);box-shadow:0 14px 24px rgba(37,99,235,.12);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.server-card.connected{background:linear-gradient(160deg,rgba(16,185,129,.08),hsla(0,0%,100%,.95));border-color:rgba(16,185,129,.34)}.server-card:hover:before{opacity:1}.server-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.server-name{font-size:18px;font-weight:700}@media (max-width:768px){.server-name{font-size:16px}}.server-protocol{align-items:center;display:flex;font-size:13px;gap:6px;opacity:.85}.protocol-badge{border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.08);font-size:10px;font-weight:800;letter-spacing:.5px;padding:4px 10px}.protocol-badge.vless{background:linear-gradient(135deg,rgba(76,175,80,.2),rgba(56,142,60,.2));border:1px solid rgba(76,175,80,.3);color:#2e7d32}.protocol-badge.shadowsocks{background:linear-gradient(135deg,rgba(255,193,7,.2),rgba(251,140,0,.2));border:1px solid rgba(255,193,7,.3);color:#f57c00}.server-actions{display:flex;flex-direction:column;gap:10px;margin-top:12px}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:500px){.action-buttons{flex-direction:column}}.action-button{align-items:center;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(59,130,246,.08));border:1px solid rgba(37,99,235,.25);border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:7px;min-height:44px;overflow:hidden;padding:11px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:500px){.action-button{justify-content:center;padding:12px 16px;width:100%}}.action-button:before{background:linear-gradient(135deg,rgba(46,166,255,.1),rgba(37,99,235,.1));content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.action-button:hover{border-color:rgba(46,166,255,.4);box-shadow:0 8px 20px rgba(46,166,255,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.action-button:hover:before{opacity:1}.action-button>*{position:relative;z-index:1}.action-button.primary{background:var(--color-primary-gradient);border:none;box-shadow:0 4px 12px rgba(37,99,235,.28);color:#fff}.action-button.primary:hover{box-shadow:0 8px 20px rgba(37,99,235,.34);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.action-button.success{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(22,163,74,.15));border-color:rgba(34,197,94,.3);color:#16a34a}.action-button.active{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(79,70,229,.15));border-color:rgba(99,102,241,.3);color:#4f46e5}.qr-popup{-webkit-animation:qr-appear .18s ease;animation:qr-appear .18s ease;background:#fff;border:1px solid rgba(99,102,241,.25);border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.1);margin-top:12px;overflow:hidden}@-webkit-keyframes qr-appear{0%{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes qr-appear{0%{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.qr-popup__header{align-items:center;background:rgba(99,102,241,.05);border-bottom:1px solid rgba(99,102,241,.12);display:flex;justify-content:space-between;padding:10px 14px}.qr-popup__title{color:#4f46e5;font-size:13px;font-weight:600}.qr-popup__close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:background .15s}.qr-popup__close:hover{background:rgba(0,0,0,.07);color:#111}.qr-popup__body{display:flex;justify-content:center;padding:16px}.qr-popup__body svg{border-radius:8px}.qr-popup__hint{color:#9ca3af;font-size:11px;margin:0;padding:0 14px 12px;text-align:center}.key-container{background:rgba(0,0,0,.03);border:1px solid rgba(46,166,255,.15);border-radius:10px;padding:10px}.key-text{font-family:var(--font-mono);font-size:12px;word-break:break-all}.ping-indicator{align-items:center;border-radius:10px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:6px 10px}.ping-indicator.loading{background:hsla(0,0%,62%,.15);color:#757575}.ping-indicator.excellent{background:rgba(76,175,80,.15);color:#2e7d32}.ping-indicator.good{background:rgba(139,195,74,.15);color:#558b2f}.ping-indicator.fair{background:rgba(255,193,7,.15);color:#f57c00}.ping-indicator.poor{background:rgba(244,67,54,.15);color:#c62828}.ping-dot{background:currentColor;border-radius:50%;height:8px;width:8px}.connection-status{align-items:center;background:rgba(76,175,80,.15);border-radius:10px;color:#2e7d32;display:inline-flex;font-size:12px;font-weight:700;gap:6px;margin-top:10px;padding:6px 10px}.status-dot{background:#4caf50;border-radius:50%;height:8px;width:8px}.no-subs-container{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:24px}.no-subs-card{border:2px dashed rgba(46,166,255,.2);border-radius:16px;max-width:460px;padding:30px;text-align:center;width:100%}.subscribe-link{background:linear-gradient(135deg,#2ea6ff,#7d4eff);border-radius:12px;color:#fff;display:inline-block;margin-top:12px;padding:12px 20px}.sub-link-card{background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(14,116,144,.06));border:1px solid rgba(37,99,235,.2);border-radius:16px;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:1rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.sub-link-card{border-radius:16px;padding:18px}}.sub-link-card:before{background:linear-gradient(90deg,#2ea6ff,#2563eb);content:"";height:3px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.sub-link-card:hover{border-color:rgba(37,99,235,.32);box-shadow:0 12px 28px rgba(37,99,235,.14);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.sub-link-card:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.sub-link-card__header{align-items:center;color:#111827;display:flex;font-size:16px;font-weight:700;gap:10px}.sub-link-card__icon{color:#2563eb;-webkit-filter:drop-shadow(0 2px 4px rgba(37,99,235,.22));filter:drop-shadow(0 2px 4px rgba(37,99,235,.22));height:24px;width:24px}.sub-link-card__title{font-size:16px;font-weight:800;letter-spacing:-.3px}.sub-link-card__desc{color:#64748b;font-size:13px;line-height:1.6;margin:0}.sub-link-card__btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(59,130,246,.1));border:1px solid rgba(37,99,235,.28);border-radius:12px;color:#2563eb;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;overflow:hidden;padding:10px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sub-link-card__btn:before{background:linear-gradient(135deg,#3b82f6,#2563eb);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.sub-link-card__btn:hover{border-color:rgba(37,99,235,.42);box-shadow:0 6px 16px rgba(37,99,235,.25);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.sub-link-card__btn:hover:before{opacity:.15}.sub-link-card__btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.sub-link-card__btn>*{position:relative;z-index:1}.sub-link-card__btn.copied{-webkit-animation:successPulse .5s ease;animation:successPulse .5s ease;background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(22,163,74,.1));border-color:rgba(34,197,94,.4);color:#16a34a}@-webkit-keyframes successPulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes successPulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.vpn-mode-selection{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:70vh;padding:24px}.mode-selection-title{color:#111827;font-size:28px;font-weight:700;margin-bottom:32px;text-align:center}.mode-selection-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:900px;width:100%}.mode-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.05);color:inherit;cursor:pointer;display:flex;flex-direction:column;padding:32px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.mode-card:hover{box-shadow:0 12px 24px rgba(0,0,0,.1);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.mode-card--auto{border-color:#a78bfa}.mode-card--auto:hover{background:linear-gradient(135deg,rgba(167,139,250,.05),rgba(124,58,237,.05));border-color:#7c3aed}.mode-card--manual{border-color:#60a5fa}.mode-card--manual:hover{background:linear-gradient(135deg,rgba(96,165,250,.05),rgba(37,99,235,.05));border-color:#2563eb}.mode-card__icon{color:#6b7280;margin-bottom:20px}.mode-card--auto .mode-card__icon{color:#a78bfa}.mode-card--manual .mode-card__icon{color:#60a5fa}.mode-card__title{color:#111827;font-size:22px;font-weight:700;margin-bottom:12px}.mode-card__description{color:#6b7280;flex-grow:1;font-size:15px;line-height:1.6;margin-bottom:24px}.mode-card__button{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s ease;width:100%}.mode-card__button--primary{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff}.mode-card__button--primary:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.mode-card__button--secondary{background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff}.mode-card__button--secondary:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.vpn-header{align-items:center;display:flex;margin-bottom:16px}.back-to-selection{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.back-to-selection:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}@media (max-width:640px){.mode-selection-title{font-size:22px}.mode-selection-cards{grid-template-columns:1fr}.mode-card{padding:24px 20px}}.vpn-top-row{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:640px){.vpn-top-row{grid-template-columns:1fr}}.auto-setup-link{align-items:center;background:linear-gradient(135deg,#1d4ed8,#2563eb);border-radius:20px;box-shadow:0 10px 32px rgba(37,99,235,.3),inset 0 0 0 1px hsla(0,0%,100%,.1);color:#fff;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.auto-setup-link{border-radius:16px;gap:12px;padding:18px}}.auto-setup-link:before{background:radial-gradient(circle,hsla(0,0%,100%,.15) 0,transparent 70%);height:200%;left:-50%;top:-50%;width:200%}.auto-setup-link:after,.auto-setup-link:before{content:"";opacity:0;position:absolute;transition:opacity .4s ease}.auto-setup-link:after{background:linear-gradient(135deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.1));border-radius:20px;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px}.auto-setup-link:hover{box-shadow:0 20px 50px rgba(37,99,235,.45),inset 0 0 0 1px hsla(0,0%,100%,.2);color:#fff;text-decoration:none;-webkit-transform:translateY(-6px) scale(1.02);transform:translateY(-6px) scale(1.02)}.auto-setup-link:hover:after,.auto-setup-link:hover:before{opacity:1}.auto-setup-link>svg{-webkit-animation:float 3s ease-in-out infinite;animation:float 3s ease-in-out infinite;-webkit-filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));flex-shrink:0;height:32px;width:32px}@media (max-width:768px){.auto-setup-link>svg{height:28px;width:28px}}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.auto-setup-title{color:#fff;font-size:18px;font-weight:800;letter-spacing:-.3px;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.2)}@media (max-width:768px){.auto-setup-title{font-size:16px}}.auto-setup-desc{color:hsla(0,0%,100%,.85);font-size:13px;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.1)}.tariffs-page{align-items:center;display:flex;flex-direction:column;gap:16px;min-height:100%;padding:8px 0 28px}.tariffs-header{background:linear-gradient(135deg,#1e40af,#2563eb 58%,#3b82f6);border-radius:22px;box-shadow:0 18px 34px rgba(37,99,235,.24);max-width:740px;padding:34px 18px;text-align:center;width:100%}.tariffs-title{color:#fff;font-size:2rem;font-weight:900;letter-spacing:-.6px;line-height:1.2;margin:0 0 8px}@media (max-width:480px){.tariffs-title{font-size:22px}}.tariffs-subtitle{color:hsla(0,0%,100%,.9);font-size:15px;line-height:1.5;margin:0}.currency-toggle{background:var(--color-border);border-radius:12px;display:flex;gap:4px;padding:4px}.currency-btn{align-items:center;background:transparent;border:none;border-radius:9px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:5px;line-height:1;padding:7px 18px;transition:all .18s ease}.currency-btn:hover{color:var(--color-text)}.currency-btn--active{background:var(--color-white);box-shadow:0 1px 6px rgba(0,0,0,.1);color:var(--color-primary)}.currency-btn__sym{font-size:16px;font-weight:700}.currency-btn__label{font-size:12px;letter-spacing:.04em;text-transform:uppercase}.plans-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);max-width:860px;width:100%}@media (max-width:680px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.plans-grid{grid-template-columns:1fr}}.plan-card{background:var(--color-white);border:1px solid rgba(148,163,184,.26);border-radius:16px;box-shadow:0 8px 18px rgba(15,23,42,.05);cursor:pointer;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:18px 16px 16px;position:relative;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,-webkit-transform .18s ease;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,-webkit-transform .18s ease}.plan-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-blue);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.plan-card--popular{border-color:var(--color-primary);box-shadow:var(--shadow-blue)}.plan-card--active{background:linear-gradient(145deg,rgba(37,99,235,.05),rgba(59,130,246,.03));border-color:var(--color-primary);box-shadow:var(--shadow-blue-lg);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.plan-card__popular-ribbon{background:var(--color-primary-gradient);border-radius:0 14px 0 12px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.05em;line-height:1.4;padding:3px 10px 3px 14px;position:absolute;right:0;text-transform:uppercase;top:0}.plan-card__top{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between}.plan-card__period{color:var(--color-text);font-size:13px;font-weight:700;line-height:1.2}.plan-card__discount{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:999px;color:#fff;font-size:11px;font-weight:700;letter-spacing:-.02em;padding:2px 7px;white-space:nowrap}.plan-card__pricing{align-items:baseline;display:flex;gap:3px}.plan-card__price{color:var(--color-primary);font-size:26px;font-weight:800;letter-spacing:-1px;line-height:1}@media (max-width:680px){.plan-card__price{font-size:22px}}.plan-card__per{font-weight:500}.plan-card__per,.plan-card__total{color:var(--color-text-secondary);font-size:12px}.plan-card__total{line-height:1.3}.plan-card__check{align-items:center;background:var(--color-border);border-radius:50%;bottom:12px;color:transparent;display:flex;flex-shrink:0;height:20px;justify-content:center;position:absolute;right:12px;transition:background .18s ease,color .18s ease;width:20px}.plan-card__check--active{background:var(--color-primary);color:#fff}.tariffs-cta{flex-direction:column;gap:10px;max-width:460px}.cta-button,.tariffs-cta{align-items:center;display:flex;width:100%}.cta-button{background:var(--color-primary-gradient);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-blue);color:#fff;cursor:pointer;font-size:16px;font-weight:700;gap:8px;justify-content:center;letter-spacing:-.2px;padding:16px 24px;transition:box-shadow .18s ease,-webkit-transform .18s ease;transition:transform .18s ease,box-shadow .18s ease;transition:transform .18s ease,box-shadow .18s ease,-webkit-transform .18s ease}.cta-button:hover:not(:disabled){box-shadow:var(--shadow-blue-lg);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.cta-button:disabled{cursor:not-allowed;opacity:.65;-webkit-transform:none;transform:none}.cta-spinner{-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;flex-shrink:0;height:16px;width:16px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.cta-hint{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;gap:5px;margin:0}.cta-hint svg{color:var(--color-success);flex-shrink:0}.trust-badges{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);max-width:780px;width:100%}@media (max-width:560px){.trust-badges{gap:8px;grid-template-columns:1fr}}.trust-badge{align-items:center;background:var(--color-white);border:1px solid rgba(148,163,184,.24);border-radius:14px;box-shadow:0 8px 18px rgba(15,23,42,.04);display:flex;gap:12px;padding:14px 16px}.trust-badge__icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.trust-badge__icon--green{background:linear-gradient(135deg,#10b981,#059669)}.trust-badge__icon--purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.trust-badge__icon--blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.trust-badge__body{display:flex;flex-direction:column;gap:2px;min-width:0}.trust-badge__title{color:var(--color-text);font-size:13px;font-weight:700;line-height:1.3}.trust-badge__desc{color:var(--color-text-secondary);font-size:12px;line-height:1.3}.tariffs-legal{padding-bottom:8px;text-align:center}.tariffs-legal__link{color:var(--color-text-secondary);font-size:12px;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.tariffs-legal__link:hover{color:var(--color-primary)}.app-support-page{display:flex;flex-direction:column;gap:.95rem;min-height:100%;padding:.5rem 0 1.5rem}.os-selector{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.os-button{background:rgba(37,99,235,.05);border:1px solid rgba(37,99,235,.18);border-radius:12px;cursor:pointer;font-weight:700;padding:12px;text-align:center}.os-button.selected{background:rgba(37,99,235,.14);border-color:#2563eb;color:#1d4ed8}.os-instructions{display:flex;flex-direction:column;gap:12px}.instruction-card{background:hsla(0,0%,100%,.9);border:1px solid rgba(148,163,184,.2);border-radius:16px;box-shadow:0 10px 24px rgba(15,23,42,.05);padding:14px}.instruction-title-wrap{align-items:center;display:flex;gap:10px;margin-bottom:10px}.os-title{font-size:18px;font-weight:700}.protocol-badge{border-radius:8px;font-size:11px;font-weight:700;padding:4px 8px;text-transform:uppercase}.protocol-badge.vless{background:rgba(22,163,74,.15);color:#166534}.protocol-badge.shadowsocks{background:rgba(37,99,235,.14);color:#1d4ed8}.instruction-actions{display:flex;flex-wrap:wrap;gap:.6rem}.action-link{align-items:center;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.2);border-radius:10px;cursor:pointer;display:inline-flex;gap:8px;padding:10px 12px}.action-link.disabled{cursor:not-allowed;opacity:.45}.action-icon{color:#2563eb}.action-text{font-weight:700}.placeholder-card{background:hsla(0,0%,100%,.8);border:1px dashed rgba(37,99,235,.28);border-radius:16px;padding:30px;text-align:center}.placeholder-icon{color:#3b82f6}.placeholder-text{margin-top:10px;opacity:.75}.bottom-content{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:auto}.support-button{background:var(--color-primary-gradient);border:none;box-shadow:0 10px 20px rgba(37,99,235,.2);color:#fff;font-weight:700;padding:12px 14px}.support-button,.user-id-card{border-radius:12px;max-width:420px;width:100%}.user-id-card{background:hsla(0,0%,100%,.86);border:1px solid rgba(37,99,235,.2);padding:10px;text-align:center}.setup-card{-webkit-animation:slideIn .3s ease-out;animation:slideIn .3s ease-out;background:hsla(0,0%,100%,.9);border:1px solid rgba(148,163,184,.24);border-radius:22px;box-shadow:0 18px 34px rgba(37,99,235,.12);max-width:500px;padding:28px 22px;width:100%}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.setup-card__header{margin-bottom:32px;text-align:center}.setup-card__step{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.setup-card__title{color:#111827;font-size:24px;font-weight:800;line-height:1.3;margin-bottom:12px}.setup-card__description{color:#6b7280;font-size:15px;line-height:1.5;margin-bottom:24px}.setup-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.setup-option{align-items:center;background:rgba(37,99,235,.04);border:1px solid rgba(37,99,235,.16);border-radius:16px;color:#111827;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;justify-content:center;padding:16px 20px;text-align:center;transition:all .2s ease}.setup-option__icon{height:32px;object-fit:contain;width:32px}.setup-option:hover{background:rgba(37,99,235,.09);border-color:rgba(37,99,235,.32);box-shadow:0 8px 18px rgba(37,99,235,.14);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.setup-option:active{-webkit-transform:translateY(0);transform:translateY(0)}.setup-option--other{background:#fff;border:1px solid rgba(148,163,184,.4);color:#4b5563;font-size:14px;font-weight:500;overflow:hidden;padding-left:48px;position:relative}.setup-option--other:before{content:"💡";font-size:18px;left:16px;position:absolute}.setup-option--other:hover{background:rgba(37,99,235,.05);border-color:rgba(37,99,235,.32);box-shadow:0 6px 16px rgba(37,99,235,.1);color:#1d4ed8}.platform-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.platform-option{align-items:center;background:rgba(37,99,235,.04);border:1px solid rgba(37,99,235,.16);border-radius:16px;color:#111827;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px 16px;transition:all .2s ease}.platform-option:hover{background:rgba(37,99,235,.09);border-color:rgba(37,99,235,.3);box-shadow:0 8px 18px rgba(37,99,235,.14);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.platform-name{font-size:14px;font-weight:500}.manual-setup-info{background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);border-radius:16px;margin-bottom:24px;padding:20px}.manual-setup-info__title{color:#111827;font-size:15px;font-weight:600;margin-bottom:8px}.manual-setup-info__text{color:#6b7280;font-size:14px;line-height:1.5}.manual-setup-info__link{align-items:center;background:rgba(37,99,235,.12);border:1px solid rgba(37,99,235,.25);border-radius:12px;color:#1d4ed8;display:inline-flex;font-size:14px;font-weight:600;gap:6px;margin-top:12px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.manual-setup-info__link:hover{background:rgba(37,99,235,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.server-types{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.server-type-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:16px}.server-type-card__name{color:#111827;font-size:16px;font-weight:600;margin-bottom:6px}.server-type-card__desc{color:#6b7280;font-size:14px;line-height:1.5}.server-type-card--direct{border-left:4px solid #4ade80}.server-type-card--multihop{border-left:4px solid #a78bfa}.setup-buttons{display:flex;gap:12px;margin-top:24px}.setup-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease}.setup-btn--primary{background:var(--color-primary-gradient);color:#fff}.setup-btn--primary:hover:not(:disabled){box-shadow:0 8px 20px rgba(37,99,235,.35);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.setup-btn--primary:disabled{cursor:not-allowed;opacity:.5}.setup-btn--secondary{background:#f3f4f6;border:2px solid #e5e7eb;color:#4b5563}.setup-btn--secondary:hover{background:#e5e7eb;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.setup-btn:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:640px){.setup-card{padding:24px 20px}.setup-card__title{font-size:20px}.platform-grid{grid-template-columns:repeat(2,1fr)}}.auto-setup-page{align-items:center;background:radial-gradient(circle at 10% 10%,rgba(59,130,246,.12),transparent 28%),radial-gradient(circle at 90% 90%,rgba(14,116,144,.1),transparent 30%),transparent;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 220px);padding:16px 12px 28px}.apps-page{color:var(--color-text);font-family:"Avenir Next","Montserrat",var(--font-sans);min-height:100%;padding:.5rem 0 2rem}.apps-container{margin:0 auto;max-width:1060px}.apps-header{background:linear-gradient(132deg,#1e3a8a,#2563eb 54%,#3b82f6);border-radius:28px;box-shadow:0 18px 45px rgba(37,99,235,.26);margin-bottom:1.2rem;overflow:hidden;padding:3.2rem 1.5rem 2.5rem;position:relative;text-align:center}.apps-header:before{background:hsla(0,0%,100%,.15);border-radius:50%;content:"";height:300px;position:absolute;right:-90px;top:-120px;width:300px}.apps-title{color:#fff;font-size:clamp(2.1rem,4vw,3.2rem);font-weight:900;letter-spacing:-.04em;line-height:1;margin:0 0 .75rem}.apps-subtitle{color:hsla(0,0%,100%,.9);font-size:1.04rem;margin:0 auto;max-width:700px}.apps-notice{background:hsla(0,0%,100%,.85);border:1px solid rgba(37,99,235,.16);border-radius:14px;color:var(--color-text-secondary);margin-bottom:1rem;padding:.85rem 1rem}.apps-footer,.apps-quick,.comparison{background:hsla(0,0%,100%,.86);border:1px solid rgba(148,163,184,.2);border-radius:20px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.apps-quick{margin-bottom:1.2rem;padding:1.25rem}.apps-quick-title{font-size:1.25rem;font-weight:800;margin:0}.apps-quick-subtitle{color:var(--color-text-secondary);font-size:.95rem;margin:.45rem 0 .95rem}.os-filters{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.9rem}.os-chip{background:#fff;border:1px solid rgba(37,99,235,.18);border-radius:999px;color:var(--color-text-secondary);cursor:pointer;font-size:.82rem;font-weight:700;padding:.45rem .85rem}.os-chip:hover{background:rgba(37,99,235,.05);color:var(--color-primary)}.os-chip.active{background:rgba(37,99,235,.12);border-color:rgba(37,99,235,.3);color:var(--color-primary-dark)}.quick-links-list{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.quick-link-item{background:rgba(37,99,235,.03);border:1px solid rgba(37,99,235,.14);border-radius:12px;display:flex;flex-direction:column;gap:.25rem;padding:.72rem}.quick-link-item,.quick-link-item:hover{color:var(--color-text);text-decoration:none}.quick-link-item:hover{background:rgba(37,99,235,.08);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.quick-link-item.disabled{opacity:.56;pointer-events:none}.quick-link-app{color:var(--color-primary);font-size:.75rem;font-weight:800}.quick-link-label{font-size:.9rem;font-weight:700}.quick-link-region,.quick-link-unavailable{font-size:.72rem}.quick-link-region{color:#854d0e}.quick-link-unavailable{color:#b91c1c}.apps-ranking{display:flex;flex-direction:column;gap:1rem}.rank-item{background:hsla(0,0%,100%,.86);border:1px solid rgba(148,163,184,.2);border-radius:18px;box-shadow:0 10px 24px rgba(15,23,42,.05);display:flex;overflow:hidden;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.rank-item:hover{box-shadow:0 16px 30px rgba(37,99,235,.12);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.rank-number{align-items:center;background:linear-gradient(180deg,rgba(37,99,235,.08),rgba(37,99,235,.02));color:rgba(37,99,235,.25);display:flex;font-size:1.85rem;font-weight:900;justify-content:center;min-width:72px}.rank-accent{flex-shrink:0;width:5px}.happ-accent{background:linear-gradient(180deg,#2563eb,#3b82f6)}.v2raytun-accent{background:linear-gradient(180deg,#0ea5e9,#2563eb)}.v2box-accent{background:linear-gradient(180deg,#0ea5e9,#0284c7)}.amnezia-accent{background:linear-gradient(180deg,#16a34a,#22c55e)}.hiddify-accent{background:linear-gradient(180deg,#0891b2,#0ea5e9)}.shadowrocket-accent{background:linear-gradient(180deg,#ea580c,#f97316)}.nekobox-accent{background:linear-gradient(180deg,#4f46e5,#2563eb)}.outline-accent{background:linear-gradient(180deg,#0f766e,#0ea5e9)}.streisand-accent{background:linear-gradient(180deg,#1d4ed8,#3b82f6)}.clashverge-accent{background:linear-gradient(180deg,#64748b,#334155)}.rank-body{flex:1 1;min-width:0;padding:1.15rem}.rank-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.35rem}.rank-title{font-size:1.25rem;font-weight:800}.platform-count{align-items:center;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.22);border-radius:999px;color:var(--color-primary);display:inline-flex;font-size:.75rem;font-weight:700;padding:.18rem .6rem}.rank-desc{color:var(--color-text-secondary);font-size:.94rem;margin:0 0 .8rem}.tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.8rem}.tag{border:1px solid transparent;border-radius:999px;font-size:.73rem;font-weight:700;padding:.23rem .62rem}.tag.platform{background:rgba(37,99,235,.08);border-color:rgba(37,99,235,.18);color:#1d4ed8}.tag.protocol{background:rgba(14,116,144,.09);border-color:rgba(14,116,144,.22);color:#0e7490}.downloads{display:flex;flex-wrap:wrap;gap:.5rem}.dl-btn{align-items:center;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.24);border-radius:10px;display:inline-flex;font-size:.82rem;font-weight:700;gap:.4rem;padding:.48rem .82rem}.dl-btn,.dl-btn:hover{color:var(--color-primary-dark);text-decoration:none}.dl-btn:hover{background:rgba(37,99,235,.15)}.dl-btn.disabled{opacity:.48;pointer-events:none}.dl-region{background:rgba(245,158,11,.15);border-radius:999px;color:#92400e;font-size:.67rem;margin-left:.2rem;padding:.07rem .45rem}.comparison{margin-top:1.25rem;overflow-x:auto;padding:1.25rem}.comparison h2{font-size:1.22rem;font-weight:800;margin:0 0 1rem}.table-responsive{overflow-x:auto}.comparison table{border-collapse:initial;border-spacing:0;min-width:680px;width:100%}.comparison td,.comparison th{border-bottom:1px solid rgba(148,163,184,.2);padding:.7rem .75rem}.comparison th{color:var(--color-text-secondary);font-size:.74rem;letter-spacing:.06em;text-align:left;text-transform:uppercase}.comparison td:first-child{font-weight:700}.yes{color:#15803d}.no{color:#94a3b8}.apps-footer{color:var(--color-text-secondary);font-size:.83rem;margin-top:1.25rem;padding:1.1rem;text-align:center}.apps-footer p{margin:0}.apps-footer a{color:var(--color-primary);font-weight:700}@media (max-width:768px){.apps-page{padding-bottom:1.4rem}.apps-header{border-radius:22px;padding:2.4rem 1rem 1.9rem}.rank-number{font-size:1.45rem;min-width:56px}.rank-body{padding:.9rem}.apps-footer,.apps-quick,.comparison{border-radius:16px}}.support-page{min-height:100%;padding:.5rem 0 1.5rem}.support-container{margin:0 auto;max-width:900px}.support-header{background:linear-gradient(135deg,#1e40af,#2563eb 60%,#3b82f6);border-radius:22px;box-shadow:0 18px 36px rgba(37,99,235,.25);color:#fff;margin-bottom:1rem;padding:2.1rem 1.4rem}.support-header h1{color:#fff;font-size:2rem;margin:0}.support-header p{color:hsla(0,0%,100%,.9);margin:10px 0 0;max-width:680px}.support-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.support-card{background:var(--color-white);border:1px solid rgba(37,99,235,.16);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:8px;padding:20px;transition:box-shadow var(--transition-base),border-color var(--transition-base),-webkit-transform var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),-webkit-transform var(--transition-base)}.support-card,.support-card:hover{color:var(--color-text);text-decoration:none}.support-card:hover{border-color:rgba(37,99,235,.28);box-shadow:0 14px 24px rgba(37,99,235,.12);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.support-card-title{font-size:1.2rem;font-weight:700}.support-card-desc{color:var(--color-text-secondary);font-size:.95rem}.support-card-action{color:var(--color-primary);font-size:.9rem;font-weight:700;margin-top:8px}@media (max-width:768px){.support-page{padding-bottom:1.25rem}.support-header{padding:1.6rem 1rem}.support-header h1{font-size:1.5rem}}.terms-page{min-height:100%;padding:.5rem 0 1.5rem}@media (max-width:768px){.terms-page{padding:var(--spacing-3xl) var(--spacing-md) var(--spacing-xl)}}.terms-container{margin:0 auto;max-width:900px}.terms-header{background:linear-gradient(135deg,#1e40af,#2563eb 60%,#3b82f6);border-radius:22px;box-shadow:0 20px 36px rgba(37,99,235,.23);margin-bottom:1rem;overflow:hidden;padding:2.3rem 1.3rem;position:relative;text-align:center}@media (max-width:768px){.terms-header{margin-bottom:var(--spacing-3xl);padding:var(--spacing-3xl) var(--spacing-xl)}}.terms-header:before{background:hsla(0,0%,100%,.5);content:"";height:4px;left:0;position:absolute;right:0;top:0}.terms-title{color:#fff;font-size:clamp(2rem,3.6vw,3rem);font-weight:900;letter-spacing:-.04em;margin-bottom:var(--spacing-md)}@media (max-width:768px){.terms-title{font-size:2rem}}.terms-subtitle{color:hsla(0,0%,100%,.9);font-size:1.05rem;line-height:1.7;margin:0}@media (max-width:768px){.terms-subtitle{font-size:.95rem}}.terms-content{background:hsla(0,0%,100%,.9);border:1px solid rgba(148,163,184,.24);border-radius:18px;box-shadow:0 10px 26px rgba(15,23,42,.06);margin-bottom:1rem;padding:1.5rem 1.2rem}@media (max-width:768px){.terms-content{margin-bottom:var(--spacing-2xl);padding:var(--spacing-3xl) var(--spacing-xl)}}.terms-section{margin-bottom:1.45rem}.terms-section:last-child{margin-bottom:0}.terms-section-title{border-bottom:2px solid rgba(37,99,235,.28);color:var(--color-text);font-size:1.24rem;font-weight:700;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);position:relative}@media (max-width:768px){.terms-section-title{font-size:1.2rem;margin-bottom:var(--spacing-lg)}}.terms-section-title:after{background:var(--color-primary-light);bottom:-3px;content:"";height:3px;left:0;position:absolute;width:80px}.terms-subsection-title{align-items:center;color:var(--color-primary);display:flex;font-size:1.05rem;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);margin-top:var(--spacing-2xl)}@media (max-width:768px){.terms-subsection-title{font-size:1.05rem;margin-bottom:var(--spacing-md);margin-top:var(--spacing-xl)}}.terms-subsection-title:before{color:var(--color-primary);content:"▸";font-size:1.4rem;line-height:1}.terms-paragraph{color:var(--color-text);font-size:.94rem;line-height:1.72;margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl);position:relative}@media (max-width:768px){.terms-paragraph{font-size:.9rem;margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}}.terms-paragraph:before{color:var(--color-primary);content:"•";font-size:1.2rem;font-weight:700;left:var(--spacing-sm);position:absolute}@media (max-width:768px){.terms-paragraph:before{left:0}}.terms-paragraph:last-child{margin-bottom:0}.terms-highlight{background:linear-gradient(135deg,rgba(37,99,235,.05),rgba(59,130,246,.05));border-left:4px solid var(--color-primary);border-radius:var(--radius-md);margin:var(--spacing-xl) 0;padding:var(--spacing-lg) var(--spacing-xl)}@media (max-width:768px){.terms-highlight{padding:var(--spacing-md) var(--spacing-lg)}}.terms-highlight .terms-paragraph{margin-bottom:0;padding-left:0}.terms-highlight .terms-paragraph:before{display:none}.terms-divider{background:linear-gradient(90deg,transparent,var(--color-border),transparent);border:none;height:2px;margin:var(--spacing-4xl) 0}@media (max-width:768px){.terms-divider{margin:var(--spacing-3xl) 0}}.terms-contact{background:hsla(0,0%,100%,.9);border:1px solid rgba(148,163,184,.22);border-radius:18px;margin-top:1rem;padding:1.5rem 1.1rem;text-align:center}@media (max-width:768px){.terms-contact{margin-top:var(--spacing-3xl);padding:var(--spacing-2xl) var(--spacing-lg)}}.terms-contact-title{color:var(--color-text);font-size:1.2rem;font-weight:700;margin-bottom:var(--spacing-md)}.terms-contact-text{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:var(--spacing-lg)}.terms-contact-links{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}@media (max-width:768px){.terms-contact-links{flex-direction:column}}.terms-contact-link{align-items:center;background:var(--color-white);border:1px solid rgba(37,99,235,.22);border-radius:var(--radius-md);color:var(--color-text);display:inline-flex;font-size:.9rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all var(--transition-base)}.terms-contact-link:hover{background:var(--color-primary-gradient);border-color:rgba(37,99,235,.3);box-shadow:var(--shadow-blue);color:var(--color-white);text-decoration:none;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.telegram-proxy-page{display:flex;justify-content:center;padding:.5rem 0 1.2rem}.telegram-proxy-card{background:hsla(0,0%,100%,.9);border:1px solid rgba(37,99,235,.2);border-radius:20px;box-shadow:0 14px 28px rgba(37,99,235,.12);display:flex;flex-direction:column;gap:.8rem;max-width:760px;padding:1.1rem;width:100%}.telegram-proxy-card__header{display:flex;flex-direction:column;gap:var(--spacing-sm)}.telegram-proxy-card__icon-wrap{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:14px;box-shadow:0 10px 24px rgba(37,99,235,.35);display:flex;height:56px;justify-content:center;width:56px}.telegram-proxy-card__icon{color:#fff}.telegram-proxy-card__title{color:var(--color-text);font-size:1.7rem;font-weight:800;margin:0}.telegram-proxy-card__subtitle{color:var(--color-text-secondary);font-size:15px;margin:0}.telegram-proxy-info-row{align-items:flex-start;background:rgba(37,99,235,.05);border:1px solid rgba(59,130,246,.18);border-radius:12px;color:var(--color-text-secondary);display:flex;font-size:14px;gap:10px;line-height:1.5;padding:10px 12px}.telegram-proxy-info-row__icon{color:#2563eb;flex-shrink:0;margin-top:1px}.telegram-proxy-actions{display:flex;flex-wrap:wrap;gap:10px}.telegram-proxy-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;min-height:44px;padding:10px 14px;transition:box-shadow .2s ease,opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease,-webkit-transform .2s ease}.telegram-proxy-btn:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.telegram-proxy-btn--primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 18px rgba(37,99,235,.3);color:#fff}.telegram-proxy-btn--secondary{background:#fff;border:1.5px solid rgba(37,99,235,.28);color:#2563eb}.telegram-proxy-btn--secondary.copied{border-color:rgba(22,163,74,.35);color:#166534}.telegram-proxy-url-box{background:rgba(37,99,235,.05);border:1px solid rgba(148,163,184,.25);border-radius:12px;padding:10px 12px}.telegram-proxy-url-box__label{color:#64748b;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:6px}.telegram-proxy-url-box__text{color:#334155;font-size:12px;line-height:1.5;margin:0;word-break:break-all}@media (max-width:768px){.telegram-proxy-card,.telegram-proxy-page{padding:var(--spacing-md)}.telegram-proxy-card{gap:var(--spacing-md)}.telegram-proxy-card__title{font-size:22px}.telegram-proxy-actions{flex-direction:column}.telegram-proxy-btn{width:100%}}#app{background:transparent;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}.flex-grow-1{flex:1 0 auto}.page-shell{padding-bottom:2rem;padding-top:1.5rem}.page-shell--center{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 210px)}.page-not-found{padding-top:2rem}.container{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}@media (max-width:576px){.container{padding-left:12px;padding-right:12px}.page-shell{padding-bottom:1.5rem;padding-top:1rem}}.spinner{align-items:center;display:flex;justify-content:center;min-height:400px;padding:var(--spacing-3xl);width:100%}.spinner-border{border-color:var(--color-primary);border-right-color:transparent}.result-block-container .result-block{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);opacity:1;overflow-x:auto;padding:var(--spacing-2xl);width:100%}@media (max-width:768px){.result-block-container .result-block{border-radius:var(--radius-md);padding:var(--spacing-lg)}}
/*# sourceMappingURL=main.d4fb6c64.css.map*/