@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--color-primary:#2563eb;--color-primary-light:#3b82f6;--color-primary-dark:#1e40af;--color-primary-gradient:linear-gradient(135deg,#3b82f6,#2563eb);--color-white:#fff;--color-background:#fff;--color-background-light:#f8fafc;--color-background-alt:#f1f5f9;--color-text:#0f172a;--color-text-secondary:#64748b;--color-text-light:#94a3b8;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--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(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-xl:0 20px 25px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px rgba(0,0,0,.12);--shadow-blue:0 10px 25px rgba(37,99,235,.15);--shadow-blue-lg:0 20px 40px rgba(37,99,235,.2);--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;margin:0;padding:0}#root,body,html{height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color: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%}@media (max-width:768px){body{font-size:15px}}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.2;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)}code{background-color:#f1f5f9;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){:root{--text-5xl:36px;--text-4xl:32px;--text-3xl:28px;--text-2xl:22px}}.nav-container{background-color:var(--color-white);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container .navbar{background-color:var(--color-white)!important}.navbar{margin:0 auto;max-width:1400px;padding:var(--spacing-sm) var(--spacing-xl)}.navbar-brand-custom{margin:0;padding:0;text-decoration:none}.brand-logo{color:var(--color-primary);font-size:var(--text-lg);font-weight:800;letter-spacing:-.5px;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:var(--spacing-sm);margin-left:var(--spacing-xl)}.navbar-nav .nav-link{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);white-space:nowrap}.navbar-nav .nav-link.router-link-exact-active,.navbar-nav .nav-link:hover{background-color:var(--color-background-light);color:var(--color-primary)}.navbar-nav .nav-link.router-link-exact-active{font-weight:600}.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-color:var(--color-white);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--spacing-xs);padding:5px 12px;transition:all var(--transition-base)}#qsLogoutBtn:hover{background-color:var(--color-primary);box-shadow:var(--shadow-blue);color:var(--color-white);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-margin{font-size:var(--text-sm);margin-left:var(--spacing-sm);padding:5px 12px}@media (max-width:767px){.navbar{padding:var(--spacing-md) var(--spacing-lg)}.navbar-nav .nav-link{min-height:44px;padding:var(--spacing-md)}#qsLogoutBtn{min-height:44px;padding:8px 16px}}.navbar-inner{align-items:center;display:flex;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:#333;background:var(--color-text,#333);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{background:#fff;background:var(--color-white,#fff);inset:0;overflow:hidden;padding-top:64px;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:4px;gap:var(--spacing-xs,4px);height:100%;padding:24px 16px;padding:var(--spacing-xl,24px) var(--spacing-lg,16px)}.mobile-nav-link{border-radius:8px;border-radius:var(--radius-md,8px);color:#555;color:var(--color-text-secondary,#555);display:block;font-size:18px;font-weight:600;padding:16px 20px;text-decoration:none;transition:background .15s,color .15s}.mobile-nav-link.active,.mobile-nav-link:hover{background:#f5f5f5;background:var(--color-background-light,#f5f5f5);color:#2ea6ff;color:var(--color-primary,#2ea6ff);text-decoration:none}.mobile-nav-divider{background:#e0e0e0;background:var(--color-border,#e0e0e0);height:1px;margin:12px 0;margin:var(--spacing-md,12px) 0}.footer-compact{background-color:var(--color-white);border-top:1px solid var(--color-border);flex-shrink:0;margin-top:auto;padding:var(--spacing-md) var(--spacing-xl);width:100%}.footer-container{gap:var(--spacing-xl);justify-content:space-between;margin:0 auto;max-width:1400px}.footer-container,.footer-left{align-items:center;display:flex}.footer-left{gap:var(--spacing-md)}.footer-brand{color:var(--color-primary);font-size:var(--text-sm);font-weight:800;letter-spacing:-.5px;text-transform:uppercase}.footer-copyright{color:var(--color-text-secondary);font-size:var(--text-xs);white-space:nowrap}.footer-center{flex:1 1;gap:var(--spacing-lg);justify-content:center}.footer-center,.footer-link{align-items:center;display:flex}.footer-link{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:500;gap:var(--spacing-xs);text-decoration:none;transition:color var(--transition-fast);white-space:nowrap}.footer-link:hover{color:var(--color-primary)}.footer-right{align-items:center;display:flex}@media (max-width:768px){.footer-container{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.footer-left{justify-content:space-between;width:100%}.footer-center{flex-wrap:wrap;gap:var(--spacing-md)}.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:var(--spacing-sm);justify-content:center;padding:var(--spacing-lg) 0;text-align:center}.app-header h2{color:var(--color-text);font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0}.app-welcome{color:var(--color-text-secondary);font-size:16px;font-weight:500;margin:0}.app-actions-container{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:800px;width:100%}@media (max-width:768px){.app-actions-container{grid-template-columns:1fr}}.app-actions-item{align-items:center;background:linear-gradient(135deg,rgba(46,166,255,.04),rgba(37,99,235,.04));border:2px solid rgba(46,166,255,.15);border-radius:16px;color:var(--color-text);display:flex;flex-direction:column;font-size:16px;font-weight:700;gap:var(--spacing-sm);justify-content:center;min-height:120px;overflow:hidden;padding:var(--spacing-xl);position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.app-actions-item{font-size:15px;min-height:100px;padding:var(--spacing-lg)}}.app-actions-item:before{background:linear-gradient(90deg,#2ea6ff,#7d4eff);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.app-actions-item svg{color:var(--color-primary);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)}.app-actions-item:hover{border-color:rgba(46,166,255,.3);box-shadow:0 12px 32px rgba(46,166,255,.15);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-color:var(--color-background-light);margin:0;max-width:100%;padding:0;width:100%}.hero-section-modern{background:var(--color-primary-gradient);overflow:hidden;padding:var(--spacing-3xl) var(--spacing-xl);position:relative;text-align:center}@media (max-width:768px){.hero-section-modern{padding:var(--spacing-2xl) var(--spacing-lg)}}.hero-section-modern:before{background:radial-gradient(circle at 20% 50%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,hsla(0,0%,100%,.1) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg)}.hero-badge-icon{-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite}@-webkit-keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.hero-title{color:#fff;font-size:42px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 var(--spacing-md);text-shadow:0 4px 20px rgba(0,0,0,.1)}@media (max-width:768px){.hero-title{font-size:32px}}.hero-subtitle{color:hsla(0,0%,100%,.95);font-size:18px;line-height:1.6;margin:0 0 var(--spacing-xl)}@media (max-width:768px){.hero-subtitle{font-size:16px}}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}@media (max-width:500px){.hero-actions{flex-direction:column;width:100%}.btn-hero-primary,.btn-hero-secondary{justify-content:center;width:100%}}.btn-hero-primary,.btn-hero-secondary{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:var(--spacing-sm);min-height:48px;padding:12px 28px;text-decoration:none;transition:all var(--transition-base)}@media (max-width:500px){.btn-hero-primary,.btn-hero-secondary{font-size:15px;padding:14px 24px}}.btn-hero-primary{background:var(--color-white);box-shadow:0 4px 12px rgba(0,0,0,.15);color:var(--color-primary)}.btn-hero-primary:hover{box-shadow:0 8px 24px rgba(0,0,0,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-hero-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.5);color:#fff}.btn-hero-secondary:hover{background:hsla(0,0%,100%,.25);color:#fff;text-decoration:none;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.features-section{margin:0 auto;max-width:1200px;padding:var(--spacing-3xl) var(--spacing-xl)}@media (max-width:768px){.features-section{padding:var(--spacing-2xl) var(--spacing-lg)}}.section-header{margin-bottom:var(--spacing-2xl);text-align:center}.section-title{font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 var(--spacing-sm)}@media (max-width:768px){.section-title{font-size:26px}}.section-subtitle{color:var(--color-text-secondary);font-size:16px;margin:0}.features-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}@media (max-width:768px){.features-grid{gap:var(--spacing-md);grid-template-columns:1fr}}.feature-card-modern{background:var(--color-white);border:2px solid var(--color-border);border-radius:16px;overflow:hidden;padding:var(--spacing-xl);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.feature-card-modern{padding:var(--spacing-lg)}}.feature-card-modern:before{background:var(--color-primary-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.feature-card-modern:hover{border-color:var(--color-primary-light);box-shadow:0 12px 32px rgba(46,166,255,.15);-webkit-transform:translateY(-6px);transform:translateY(-6px)}.feature-card-modern:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.feature-icon-wrapper{align-items:center;background:var(--color-primary-gradient);border-radius:14px;display:flex;height:64px;justify-content:center;margin:0 auto var(--spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1);width:64px}.feature-card-modern:hover .feature-icon-wrapper{box-shadow:0 8px 20px rgba(46,166,255,.3);-webkit-transform:scale(1.05);transform:scale(1.05)}.feature-icon{color:#fff;height:32px;width:32px}.feature-title{color:var(--color-text);font-size:18px;font-weight:700;margin:0 0 var(--spacing-sm)}.feature-description{color:var(--color-text-secondary);font-size:14px;line-height:1.6;margin:0}.usecases-section{margin:2rem auto;max-width:1200px;padding:0 2rem}.usecases-header{margin-bottom:3rem;text-align:center}.usecases-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;color:var(--color-text-dark);font-size:2.5rem;font-weight:800;margin:0 0 1rem}.usecases-subtitle{color:var(--color-text-secondary);font-size:1.125rem;font-weight:500;margin:0}.usecases-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.usecase-card{background:#fff;border:2px solid var(--color-border);border-radius:1rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.usecase-card:before{background:linear-gradient(90deg,transparent,#6366f1,transparent);background:linear-gradient(90deg,transparent,var(--gradient-color,#6366f1),transparent);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.usecase-card:hover{border-color:#6366f1;border-color:var(--hover-border-color,#6366f1);box-shadow:0 12px 40px rgba(0,0,0,.12);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.usecase-card:hover:before{opacity:1}.usecase-icon{align-items:center;border-radius:14px;display:flex;height:56px;justify-content:center;margin-bottom:1.25rem;transition:all .3s ease;width:56px}.usecase-card:hover .usecase-icon{-webkit-transform:scale(1.05);transform:scale(1.05)}.usecase-icon-blue{--gradient-color:#3b82f6;--hover-border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.usecase-icon-purple{--gradient-color:#8b5cf6;--hover-border-color:#8b5cf6;background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6b21a8}.usecase-icon-green{--gradient-color:#10b981;--hover-border-color:#10b981;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.usecase-icon-orange{--gradient-color:#f97316;--hover-border-color:#f97316;background:linear-gradient(135deg,#fed7aa,#fdba74);color:#9a3412}.usecase-card:first-child{--gradient-color:#3b82f6;--hover-border-color:#3b82f6}.usecase-card:nth-child(2){--gradient-color:#8b5cf6;--hover-border-color:#8b5cf6}.usecase-card:nth-child(3){--gradient-color:#10b981;--hover-border-color:#10b981}.usecase-card:nth-child(4){--gradient-color:#f97316;--hover-border-color:#f97316}.usecase-title{color:var(--color-text-dark);font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 .75rem}.usecase-description{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.7;margin:0}@media (max-width:992px){.usecases-grid{gap:1.5rem;grid-template-columns:1fr}}@media (max-width:768px){.usecases-section{margin:3rem auto 1.5rem;padding:0 1.5rem}.usecases-title{font-size:2rem}.usecases-subtitle{font-size:1rem}.usecase-card{padding:1.5rem}.usecase-icon{height:48px;width:48px}.usecase-title{font-size:1.125rem}.usecase-description{font-size:.875rem}}.app-profile-page{align-items:center;background-color:var(--color-background-light);display:flex;flex-direction:column;gap:var(--spacing-lg);min-height:100vh;padding:var(--spacing-lg) var(--spacing-lg)}.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:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);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:var(--spacing-md)}.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:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-lg)}@media (max-width:768px){.app-vpn-page{gap:var(--spacing-md);padding:var(--spacing-md)}}.vpn-page-header{margin-bottom:var(--spacing-md);text-align:center}.vpn-main-title{color:var(--color-text);font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.vpn-main-subtitle{color:var(--color-text-secondary);font-size:16px;font-weight:500;margin:0}@media (max-width:768px){.vpn-main-title{font-size:22px}.vpn-main-subtitle{font-size:14px}}.vpn-section{border-radius:16px;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);position:relative;transition:all .3s ease}.vpn-section:first-of-type{background:linear-gradient(135deg,rgba(16,185,129,.03),rgba(5,150,105,.03));border:2px solid rgba(16,185,129,.1)}.vpn-section:not(:first-of-type){background:rgba(139,92,246,.02);border:2px solid rgba(139,92,246,.08)}@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,#10b981,#059669);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(139,92,246,.15),rgba(109,40,217,.15));border:1.5px solid rgba(139,92,246,.3);color:#7c3aed}.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{display:flex;flex-wrap:wrap;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:linear-gradient(135deg,rgba(46,166,255,.05),rgba(37,99,235,.05));border:2px solid rgba(46,166,255,.15);border-radius:18px;box-sizing:border-box;overflow:hidden;padding:20px;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,#2ea6ff,#7d4eff);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.server-card:hover{border-color:rgba(46,166,255,.3);box-shadow:0 12px 32px rgba(46,166,255,.15);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.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)}.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)}.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(46,166,255,.08),rgba(37,99,235,.08));border:2px solid rgba(46,166,255,.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:linear-gradient(135deg,#2ea6ff,#7d4eff);border:none;box-shadow:0 4px 12px rgba(46,166,255,.3);color:#fff}.action-button.primary:hover{box-shadow:0 8px 24px rgba(46,166,255,.4);-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(46,166,255,.06),rgba(37,99,235,.06));border:2px solid rgba(46,166,255,.2);border-radius:20px;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:24px;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(46,166,255,.4);box-shadow:0 12px 40px rgba(46,166,255,.15);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.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:#2ea6ff;-webkit-filter:drop-shadow(0 2px 4px rgba(46,166,255,.3));filter:drop-shadow(0 2px 4px rgba(46,166,255,.3));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(46,166,255,.1),rgba(37,99,235,.1));border:2px solid rgba(46,166,255,.3);border-radius:12px;color:#2ea6ff;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,#2ea6ff,#2563eb);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.sub-link-card__btn:hover{border-color:rgba(46,166,255,.5);box-shadow:0 6px 20px rgba(46,166,255,.3);-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,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 40px rgba(102,126,234,.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 60px rgba(102,126,234,.5),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;background:var(--color-background-light);display:flex;flex-direction:column;gap:28px;min-height:100vh;padding:32px 16px 48px}.tariffs-header{max-width:520px;text-align:center}.tariffs-title{color:var(--color-text);font-size:28px;font-weight:800;letter-spacing:-.6px;line-height:1.2;margin:0 0 8px}@media (max-width:480px){.tariffs-title{font-size:22px}}.tariffs-subtitle{color:var(--color-text-secondary);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:780px;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:2px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-sm);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:400px}.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 var(--color-border);border-radius:14px;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:20px;min-height:100vh;padding:20px 16px}.os-selector{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.os-button{background:rgba(46,166,255,.06);border:2px solid rgba(46,166,255,.15);border-radius:12px;cursor:pointer;padding:12px;text-align:center}.os-button.selected{background:rgba(46,166,255,.16);border-color:#2ea6ff}.os-instructions{display:flex;flex-direction:column;gap:12px}.instruction-card{border:2px solid rgba(46,166,255,.12);border-radius:14px;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(76,175,80,.2);color:#2e7d32}.protocol-badge.shadowsocks{background:rgba(255,193,7,.2);color:#f57c00}.action-link{align-items:center;background:rgba(46,166,255,.08);border:1px solid rgba(46,166,255,.2);border-radius:10px;cursor:pointer;display:inline-flex;gap:8px;padding:10px 12px}.action-icon{color:#2ea6ff}.placeholder-card{border:2px dashed rgba(46,166,255,.2);border-radius:14px;padding:30px;text-align:center}.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:linear-gradient(135deg,#2ea6ff,#7d4eff);border:none;color:#fff;font-weight:700;padding:12px 14px}.support-button,.user-id-card{border-radius:12px;max-width:420px;width:100%}.user-id-card{border:1px solid rgba(46,166,255,.2);padding:10px;text-align:center}.setup-card{-webkit-animation:slideIn .3s ease-out;animation:slideIn .3s ease-out;background:hsla(0,0%,100%,.95);border-radius:24px;box-shadow:0 4px 20px rgba(0,0,0,.1);max-width:500px;padding:32px 24px;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:#6b7280;font-size:14px;font-weight:500;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.setup-card__title{color:#111827;font-size:24px;font-weight:700;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:#f9fafb;border:2px solid #e5e7eb;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:#f3f4f6;border-color:#a78bfa;box-shadow:0 4px 12px rgba(167,139,250,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.setup-option:active{-webkit-transform:translateY(0);transform:translateY(0)}.setup-option--other{background:#fff;border:2px solid #e5e7eb;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:#f9fafb;border-color:#6366f1;box-shadow:0 4px 12px rgba(99,102,241,.15);color:#4f46e5}.platform-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.platform-option{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;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:#f3f4f6;border-color:#a78bfa;box-shadow:0 4px 12px rgba(167,139,250,.2);-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(167,139,250,.2);border:1px solid rgba(167,139,250,.4);border-radius:12px;color:#7c3aed;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(167,139,250,.3);-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:linear-gradient(135deg,#a78bfa,#ec4899);color:#fff}.setup-btn--primary:hover:not(:disabled){box-shadow:0 8px 20px rgba(167,139,250,.4);-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:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;flex-direction:column;justify-content:center}.apps-page,.auto-setup-page{min-height:100vh;padding:24px 16px}.apps-page{background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);color:#e0e0e0;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}@media (max-width:768px){.apps-page{padding:20px 12px}}.apps-container{margin:0 auto;max-width:920px}.apps-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;margin-bottom:48px;padding:56px 24px 44px;text-align:center}@media (max-width:768px){.apps-header{margin-bottom:36px;padding:36px 16px 28px}}.apps-title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#a78bfa,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:700;margin-bottom:12px}@media (max-width:768px){.apps-title{font-size:2rem}}.apps-subtitle{font-size:1.1rem;margin:0 auto;max-width:620px;opacity:.8}@media (max-width:768px){.apps-subtitle{font-size:1rem}}.apps-notice{background:rgba(167,139,250,.1);border-left:4px solid #a78bfa;border-radius:12px;font-size:.95rem;margin-bottom:30px;padding:12px 20px}@media (max-width:768px){.apps-notice{font-size:.9rem;padding:12px 14px}}.apps-quick{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:18px;margin-bottom:24px;padding:20px}.apps-quick-title{color:#f1f1f1;font-size:1.25rem;margin:0}.apps-quick-subtitle{color:hsla(0,0%,100%,.75);font-size:.92rem;margin:8px 0 14px}.os-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.os-chip{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);border-radius:9999px;color:#ddd6fe;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;transition:background .2s ease,color .2s ease,border-color .2s ease}.os-chip:hover{background:hsla(0,0%,100%,.16)}.os-chip.active{background:rgba(167,139,250,.28);border-color:rgba(167,139,250,.5);color:#fff}.quick-links-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.quick-link-item{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);border-radius:12px;color:#e5e7eb;display:flex;flex-direction:column;gap:4px;padding:12px;text-decoration:none;transition:background .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,background .2s ease;transition:transform .2s ease,background .2s ease,-webkit-transform .2s ease}.quick-link-item:hover{background:hsla(0,0%,100%,.13);color:#fff;text-decoration:none;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.quick-link-app{color:#c4b5fd;font-size:.83rem;font-weight:600}.quick-link-label{font-size:.92rem;font-weight:600}.quick-link-region{color:#fde68a;font-size:.75rem}.apps-ranking{display:flex;flex-direction:column;gap:20px}.rank-item{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;display:flex;gap:0;overflow:hidden;transition:box-shadow .3s ease,border-color .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,-webkit-transform .3s ease}.rank-item:hover{border-color:rgba(167,139,250,.35);box-shadow:0 20px 50px rgba(0,0,0,.35);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.rank-number{align-items:center;background:rgba(0,0,0,.2);color:hsla(0,0%,100%,.12);display:flex;font-size:2.2rem;font-weight:700;justify-content:center;letter-spacing:-1px;min-width:80px;padding:28px 0}@media (max-width:768px){.rank-number{font-size:1.6rem;min-width:52px;padding:20px 0}}.rank-item:first-child .rank-number{color:rgba(250,204,21,.55)}.rank-item:nth-child(2) .rank-number{color:rgba(148,163,184,.55)}.rank-item:nth-child(3) .rank-number{color:rgba(180,120,80,.55)}.rank-accent{flex-shrink:0;width:5px}.happ-accent{background:linear-gradient(180deg,#4f46e5,#7c3aed)}.v2raytun-accent{background:linear-gradient(180deg,#f43f5e,#e11d48)}.v2box-accent{background:linear-gradient(180deg,#8b5cf6,#6366f1)}.amnezia-accent{background:linear-gradient(180deg,#22c55e,#4ade80)}.hiddify-accent{background:linear-gradient(180deg,#06b6d4,#3b82f6)}.shadowrocket-accent{background:linear-gradient(180deg,#f97316,#ef4444)}.nekobox-accent{background:linear-gradient(180deg,#d946ef,#8b5cf6)}.outline-accent{background:linear-gradient(180deg,#14b8a6,#22c55e)}.streisand-accent{background:linear-gradient(180deg,#ec4899,#a78bfa)}.clashverge-accent{background:linear-gradient(180deg,#64748b,#475569)}.rank-body{flex:1 1;min-width:0;padding:24px 28px}@media (max-width:768px){.rank-body{padding:18px 16px}}.rank-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.rank-title{color:#f1f1f1;font-size:1.45rem;font-weight:700}@media (max-width:768px){.rank-title{font-size:1.25rem}}.platform-count{background:rgba(167,139,250,.15);border:1px solid rgba(167,139,250,.25);border-radius:9999px;color:#c4b5fd;font-size:.8rem;font-weight:600;padding:3px 10px;white-space:nowrap}.rank-desc{color:hsla(0,0%,100%,.7);font-size:.97rem;margin-bottom:16px}@media (max-width:768px){.rank-desc{font-size:.9rem}}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tag{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);border-radius:9999px;color:#cbd5e1;font-size:.82rem;padding:4px 12px}.tag.platform{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.25);color:#a5b4fc}.tag.protocol{background:rgba(20,184,166,.12);border-color:rgba(20,184,166,.25);color:#5eead4}.downloads{display:flex;flex-wrap:wrap;gap:10px}.dl-btn{background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.12);border-radius:10px;color:#e2e8f0;font-size:.87rem;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:background .2s,color .2s}.dl-btn,.dl-region{align-items:center;display:inline-flex}.dl-region{background:rgba(251,191,36,.16);border:1px solid rgba(251,191,36,.34);border-radius:9999px;color:#fde68a;font-size:.72rem;margin-left:6px;padding:1px 6px}.dl-btn:hover{background:hsla(0,0%,100%,.14);color:#fff;text-decoration:none}.comparison{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;margin-top:48px;overflow-x:auto;padding:36px 32px}@media (max-width:768px){.comparison{margin-top:36px;padding:24px 16px}}.comparison h2{color:#c4b5fd;font-size:1.3rem;margin-bottom:20px}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.comparison table{border-collapse:collapse;font-size:.92rem;min-width:700px;width:100%}.comparison th{background:hsla(0,0%,100%,.08);color:#94a3b8;font-size:.82rem;font-weight:600;letter-spacing:.4px;padding:12px 14px;text-align:left;text-transform:uppercase}.comparison td{border-top:1px solid hsla(0,0%,100%,.06);padding:12px 14px}.comparison td:first-child{color:#e2e8f0;font-weight:600}.yes{color:#4ade80}.no{color:hsla(0,0%,100%,.2)}.apps-footer{font-size:.88rem;opacity:.6;padding:40px 20px;text-align:center}@media (max-width:768px){.apps-footer{padding:30px 14px}}.apps-footer p{margin-bottom:0}.apps-footer a{color:#a78bfa;text-decoration:none}.apps-footer a:hover{text-decoration:underline}.support-page{background:var(--color-background-light);min-height:100%;padding:40px 16px}.support-container{margin:0 auto;max-width:900px}.support-header{background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:20px;padding:32px 24px}.support-header h1{color:var(--color-text);font-size:2rem;margin:0}.support-header p{color:var(--color-text-secondary);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:2px solid var(--color-border);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:var(--color-primary-light);box-shadow:var(--shadow-blue-lg);-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:24px 12px}.support-header{padding:24px 16px}.support-header h1{font-size:1.5rem}}.terms-page{background:var(--color-background-light);min-height:100vh;padding:var(--spacing-4xl) var(--spacing-lg) var(--spacing-2xl)}@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:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-4xl);overflow:hidden;padding:var(--spacing-4xl) var(--spacing-3xl);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{content:"";height:4px;left:0;position:absolute;right:0;top:0}.terms-header:before,.terms-title{background:var(--color-primary-gradient)}.terms-title{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin-bottom:var(--spacing-md)}@media (max-width:768px){.terms-title{font-size:2rem}}.terms-subtitle{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.7;margin:0}@media (max-width:768px){.terms-subtitle{font-size:.95rem}}.terms-content{background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-3xl);padding:var(--spacing-4xl) var(--spacing-3xl)}@media (max-width:768px){.terms-content{margin-bottom:var(--spacing-2xl);padding:var(--spacing-3xl) var(--spacing-xl)}}.terms-section{margin-bottom:var(--spacing-4xl)}.terms-section:last-child{margin-bottom:0}.terms-section-title{border-bottom:3px solid var(--color-primary);color:var(--color-text);font-size:1.4rem;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.15rem;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:.98rem;line-height:1.8;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:linear-gradient(135deg,rgba(37,99,235,.03),rgba(59,130,246,.03));border:2px solid var(--color-border);border-radius:var(--radius-xl);margin-top:var(--spacing-4xl);padding:var(--spacing-3xl) var(--spacing-2xl);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:2px solid var(--color-border);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);border-color:var(--color-primary);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:var(--spacing-lg)}.telegram-proxy-card{background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(16,185,129,.04));border:2px solid rgba(59,130,246,.16);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:760px;padding:var(--spacing-xl);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:28px;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:hsla(0,0%,100%,.8);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(15,23,42,.04);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-color:var(--color-background-light);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}.flex-grow-1{flex:1 0 auto}.container{margin-left:auto;margin-right:auto;max-width:100%;padding-left:15px;padding-right:15px;width:100%}@media (max-width:576px){.container{padding-left:12px;padding-right:12px}}.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.8488a6b3.css.map*/