#root,body,html{font-family:Manrope,sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;color:#0f172a;margin:0}:root,body[data-theme=light]{--bg-color:#f8fafc;--card-bg:#fff;--topbar-bg:#fff;--text-color:#0f172a;--secondary-text:#64748b;--border-color:#e2e8f0;--hover-bg:#f1f5f9;--input-bg:#fff;--shadow:0 6px 24px #0f172a0f;--primary:#5a4bff;--success:#16a34a;--danger:#dc2626;--info:#2563eb;--warning:#ea580c;--primary-soft:#5a4bff1f;--danger-soft:#dc26261f;--skeleton-bg:#edf2f7;--skeleton-shimmer:#ffffffb3}body[data-theme=dark]{--bg-color:#020617;--card-bg:#0f172a;--topbar-bg:#111827;--text-color:#f8fafc;--secondary-text:#94a3b8;--border-color:#1e293b;--hover-bg:#1e293b;--input-bg:#111827;--shadow:0 8px 30px #00000059;--primary:#7c6cff;--success:#22c55e;--danger:#ef4444;--info:#3b82f6;--warning:#fb923c;--primary-soft:#7c6cff33;--danger-soft:#ef44442e;--skeleton-bg:#1e293b;--skeleton-shimmer:#ffffff14}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background:var(--card-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;font-family:Manrope,sans-serif;height:100vh;left:0;padding:18px;position:fixed;top:0;width:285px;z-index:999}.sidebar__brand{align-items:center;display:flex;margin-bottom:22px}.sidebar__brand img{height:38px}.sidebar__user{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:14px}.sidebar__avatar{background:linear-gradient(135deg,#6f5eff,#563bff);border-radius:50%;color:#fff;display:grid;font-size:15px;font-weight:700;height:42px;place-items:center;width:42px}.sidebar__user-info h4{color:var(--text-color);font-size:13px;font-weight:700;margin:0}.sidebar__user-info p{background:#5b3df51f;border-radius:999px;color:#5b3df5;display:inline-block;font-size:10px;margin:4px 0 0;padding:3px 7px}.sidebar__nav{display:flex;flex-direction:column;gap:3px;margin-top:-15px}.sidebar__link{align-items:center;border-radius:10px;color:var(--secondary-text);display:flex;font-size:13px;font-weight:500;gap:12px;height:42px;padding:0 14px;position:relative;text-decoration:none;transition:all .25s ease}.sidebar__link svg{font-size:17px}.sidebar__link:hover{background:#5b3df514}.sidebar__link.active{background:linear-gradient(90deg,#6f5eff,#563bff);box-shadow:0 6px 16px #6246ff2e;color:#fff}.sidebar__badge{background:#ef4444;border-radius:999px;color:#fff;display:grid;font-size:9px;font-weight:700;height:16px;margin-left:auto;min-width:16px;padding:0 4px;place-items:center}.sidebar-user{border-top:1px solid var(--border-color);display:flex;flex-direction:column;margin-top:5px;padding-top:18px}.user-info{align-items:center;display:flex;gap:12px}.avatar-circle{background:linear-gradient(135deg,#6b46ff,#5b3df5);border-radius:50%;color:#fff;display:grid;flex-shrink:0;font-size:14px;font-weight:700;height:38px;min-height:38px;min-width:38px;place-items:center;width:38px}.user-details{display:flex;flex:1 1;flex-direction:column}.user-name{align-items:center;color:var(--text-color);display:flex;font-size:14px;font-weight:600;gap:8px}.pro-badge{background:#5b3df51f;border-radius:999px;color:#5b3df5;font-size:10px;font-weight:700;padding:3px 8px}.user-details p{color:var(--secondary-text);font-size:12px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-settings{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--secondary-text);cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .2s ease;width:34px}.user-settings:hover{background:#94a3b81f;color:var(--text-color)}.user-settings svg{transition:transform .2s ease}.chevron-open{transform:rotate(180deg)}.account-menu{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px;margin-top:12px;padding-top:12px}.account-item{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--secondary-text);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:12px 14px;transition:all .2s ease;width:100%}.account-item:hover{background:#5b3df514}.signout{color:#ef4444}.signout:hover{background:#ef444414}.sidebar-overlay{background:#00000059;inset:0;position:fixed;z-index:1998}.sidebar__close{color:var(--text-color);display:none}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s ease;z-index:1999}.sidebar__nav{gap:5px;margin-top:5px}.sidebar--open{transform:translateX(0)}.sidebar__close{background:none;border:none;cursor:pointer;display:block;font-size:24px;position:absolute;right:14px;top:14px}}.topbar{background:var(--topbar-bg);border-bottom:1px solid var(--border-color);height:68px;justify-content:space-between;left:285px;padding:0 24px;position:fixed;right:0;top:0;z-index:999}.topbar,.topbar-left{align-items:center;display:flex}.hamburger{color:var(--text-color);cursor:pointer;display:none}.topbar-greeting{align-items:center;display:flex;font-size:15px;gap:6px;white-space:nowrap}.greeting-text,.topbar-greeting{color:var(--text-color);font-weight:500}.greeting-name{color:var(--text-color);font-weight:700;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{gap:14px}.topbar-right,.wallet-card{align-items:center;display:flex}.wallet-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);gap:10px;height:48px;padding:0 18px}.wallet-icon{background:var(--hover-bg);border-radius:10px;color:#6673a8;display:grid;font-size:15px;height:32px;place-items:center;width:32px}.wallet-info{display:flex;flex-direction:column;gap:2px}.wallet-info small{color:var(--secondary-text);font-size:10px;font-weight:500}.wallet-info span{color:var(--text-color);font-size:15px;font-weight:700}.notification-wrapper{position:relative}.notification-icon{border-radius:50%;color:var(--secondary-text);cursor:pointer;display:grid;height:38px;place-items:center;position:relative;transition:.3s;width:38px}.notification-icon:hover{background:var(--hover-bg)}.notification-badge{background:#5b3df5;border:2px solid var(--card-bg);border-radius:999px;color:#fff;font-size:9px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-2px;top:-2px}.notification-badge,.profile{align-items:center;display:flex}.profile{cursor:pointer;gap:10px;position:relative}.profile-info{align-items:center;gap:5px}.profile-info span{color:var(--text-color);font-size:15px;font-weight:500}.profile-info svg{color:var(--secondary-text);transition:.3s}.rotate{transform:rotate(180deg)}.dropdown-menu{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);padding:6px;position:absolute;right:0;top:56px;width:180px}.dropdown-menu p{align-items:center;border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;margin:0;padding:12px}.dropdown-menu p:hover{background:var(--hover-bg)}.logout{color:#ef4444!important}.notification-dropdown{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);max-height:400px;overflow-y:auto;padding:14px;position:absolute;right:0;top:52px;width:300px;z-index:1000}.notification-icon svg{color:var(--text-color);font-size:18px}.notif-header h4{color:var(--text-color);font-size:14px;margin:0 0 12px}.notif-item{border-radius:10px;padding:10px;transition:.3s}.notif-item:hover{background:var(--hover-bg)}.notif-content span{color:var(--text-color);display:block;font-size:13px;line-height:1.4}.notif-content small{color:var(--secondary-text);font-size:11px}.notif-empty{color:var(--secondary-text);font-size:12px;padding:24px 0;text-align:center}@media (max-width:992px){.topbar{left:0;padding:0 16px}.hamburger{display:block}.profile-info span,.wallet-info small{display:none}}@media (max-width:768px){.topbar-greeting{font-size:14px;gap:4px}.greeting-name{max-width:90px}}@media (max-width:576px){.topbar-greeting{align-items:flex-start;flex-direction:column;font-size:13px;gap:0;margin-left:15px}.greeting-name{max-width:70px}.wallet-card{height:40px;margin-left:20px;padding:0 12px}.wallet-info span{font-size:10px}.avatar-circle{font-size:12px;height:38px;width:38px}.notification-icon svg{font-size:16px}.notification-dropdown{animation:slideUpNotif .3s ease;border-radius:22px 22px 0 0;bottom:0;left:0;max-height:70vh;padding:18px;position:fixed;right:0;top:auto;width:100%}.notification-dropdown:before{background:var(--secondary-text);border-radius:999px;content:"";display:block;height:5px;margin:0 auto 16px;opacity:.4;width:45px}.notif-header{text-align:center}.notif-content{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.notif-text{flex:1 1;max-width:65%}.notif-time{color:var(--secondary-text);font-size:10px;min-width:85px;text-align:right;white-space:nowrap}}@keyframes slideUpNotif{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.layout{min-height:100vh}.layout,.main-content{background:var(--bg-color);display:flex}.main-content{flex:1 1;flex-direction:column;margin-left:285px;padding-top:65px;width:calc(100% - 285px)}.page-content{flex:1 1;padding:20px}@media (max-width:768px){.page-content{margin-top:20px;padding:12px}.main-content{margin-left:0;width:100%}}.dashboard-page{background:var(--bg-color);color:var(--text-color);min-height:100vh;padding:0}.skeleton-block,.skeleton-circle,.skeleton-line,.skeleton-overview-icon,.skeleton-pill{background:var(--hover-bg);overflow:hidden;position:relative}.dark .skeleton-block,.dark .skeleton-circle,.dark .skeleton-line,.dark .skeleton-overview-icon,.dark .skeleton-pill{background:#273142}.skeleton-block:after,.skeleton-circle:after,.skeleton-line:after,.skeleton-overview-icon:after,.skeleton-pill:after{animation:dashboardShimmer 1.5s infinite;background:linear-gradient(90deg,#0000,var(--skeleton-shimmer),#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}.dark .skeleton-block:after,.dark .skeleton-circle:after,.dark .skeleton-line:after,.dark .skeleton-overview-icon:after,.dark .skeleton-pill:after{background:linear-gradient(90deg,#0000,#ffffff14,#0000)}@keyframes dashboardShimmer{to{transform:translateX(100%)}}.hero-banner.skeleton-block{border-radius:24px;height:260px}.skeleton-circle{border-radius:16px;height:54px;width:54px}.skeleton-line{border-radius:999px}.text-sm{height:12px;width:90px}.text-lg,.text-sm{margin-bottom:10px}.text-lg{height:22px;width:130px}.text-xs{height:10px;width:70px}.heading{height:20px;width:140px}.activity-main{height:14px;margin-bottom:8px;max-width:100%;width:260px}.activity-sub{height:10px;width:120px}.skeleton-pill{border-radius:999px;height:24px;margin-bottom:8px;margin-left:auto;width:70px}.time{height:10px;margin-left:auto;width:55px}.overview-heading{margin-bottom:10px}.skeleton-overview-icon{border-radius:12px;height:42px;margin:0 auto 12px;width:42px}.stat-number{height:20px;margin:0 auto 10px;width:60px}.stat-label{height:10px;margin:0 auto;width:90px}.notice-overlay{align-items:center;background:#0f172ab8;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.notice-modal{background:var(--card-bg);border-radius:16px;box-shadow:var(--shadow);max-width:520px;padding:24px;position:relative;width:100%}.notice-modal h2{font-size:20px;margin:0 0 16px}.notice-modal p{color:var(--secondary-text);font-size:14px;line-height:1.6;margin:10px 0}.notice-highlight{color:var(--danger);font-weight:600}.notice-link{color:var(--primary);font-weight:600;text-decoration:none}.notice-close{background:#0000;border:none;color:var(--text-color);cursor:pointer;font-size:22px;position:absolute;right:16px;top:14px}.notice-channel-link{align-items:center;background:linear-gradient(135deg,#229ed9,#1b84b8);border-radius:10px;box-shadow:0 10px 24px #229ed938;color:#fff;display:flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;margin-top:12px;padding:14px 18px;text-decoration:none;transition:all .25s ease;width:100%}.notice-channel-link svg{flex-shrink:0;font-size:18px}.notice-channel-link:hover{box-shadow:0 14px 28px #229ed94d;transform:translateY(-2px)}.notice-channel-link:active{transform:scale(.98)}.notice-whatsapp-link{align-items:center;background:linear-gradient(135deg,#25d366,#1ebe5d);border-radius:10px;color:#fff;display:inline-flex;font-weight:600;justify-content:center;margin-top:14px;padding:12px 18px;text-decoration:none;transition:all .25s ease;width:100%}.notice-whatsapp-link:hover{box-shadow:0 10px 24px #25d36647;transform:translateY(-2px)}.hero-banner{border-radius:24px;height:380px;margin-bottom:24px;overflow:hidden;position:relative;width:100%}.hero-image{display:block;height:100%;object-fit:cover;width:100%}.banner-arrow{background:#ffffffe6;border:none;border-radius:50%;box-shadow:var(--shadow);cursor:pointer;display:grid;height:44px;place-items:center;position:absolute;top:50%;transform:translateY(-50%);width:44px;z-index:5}.banner-arrow.left{left:16px}.banner-arrow.right{right:16px}.slider-dots{bottom:18px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.dot{background:#ffffff80;border-radius:999px;cursor:pointer;height:8px;width:8px}.dot.active{background:#fff;width:24px}.stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);display:flex;gap:12px;padding:16px}.stat-card p{color:var(--secondary-text);font-size:12px;font-weight:500;margin:0}.stat-card h2{color:var(--text-color);font-size:18px;font-weight:700;line-height:1.2;margin:6px 0 4px}.stat-card span{color:var(--secondary-text);font-size:11px}.stat-icon{border-radius:10px;display:grid;font-size:18px;height:45px;place-items:center;width:45px}.purple{background:#ede9fe;color:var(--primary)}.green{background:#dcfce7;color:var(--success)}.blue{background:#dbeafe;color:var(--info)}.orange{background:#fff7ed;color:var(--warning)}.bottom-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}.activities-card,.overview-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow);padding:22px}.activities-card h3,.overview-card h3{font-size:16px;margin:0 0 16px}.activity-row{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:14px 0}.activity-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.activity-text{color:var(--secondary-text);font-size:12px;line-height:1.5;margin:0;word-break:break-word}.activity-email-inline{color:var(--text-color);font-weight:700}.activity-left{align-items:center;display:flex;gap:14px}.activity-left p{color:var(--secondary-text);font-size:12px;margin:4px 0 0}.activity-icon{border-radius:8px;display:grid;font-size:13px;height:28px;min-width:28px;place-items:center;width:28px}.vpn-icon{background:#ede9fe;color:var(--primary)}.sms-icon{background:#dbeafe;color:var(--info)}.wallet-icon{background:#dcfce7;color:var(--success)}.activity-right{align-items:center;display:flex;flex-direction:column;gap:6px;min-width:110px}.activity-status{border-radius:999px;font-size:12px;font-weight:600;min-width:90px;padding:6px 12px;text-align:center;text-transform:uppercase}.activity-time{color:var(--secondary-text);font-size:11px;letter-spacing:.2px;text-align:center}.success{background:#dcfce7;color:#15803d}.failed{background:#fee2e2;color:var(--danger)}.overview-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.overview-box{background:var(--hover-bg);border-radius:12px;padding:16px}.overview-box svg{color:var(--primary);font-size:22px;margin-bottom:10px}.overview-box h4{font-size:14px;margin:0}.overview-box p{color:var(--secondary-text);font-size:12px;margin-top:6px}@media (max-width:1100px){.bottom-grid,.stats-grid{grid-template-columns:1fr}.hero-banner{flex-direction:column;gap:24px;text-align:center}}@media (max-width:768px){.hero-banner.skeleton-block{border-radius:16px;height:170px}.skeleton-circle{border-radius:8px;height:34px;width:34px}.text-sm{height:10px;margin-bottom:6px;width:65px}.text-lg{height:16px;margin-bottom:6px;width:85px}.text-xs{height:8px;width:50px}.heading{height:16px;width:110px}.activity-main{height:11px;margin-bottom:6px;max-width:180px;width:100%}.activity-sub{height:8px;width:80px}.skeleton-pill{height:18px;margin-bottom:6px;width:55px}.time{height:8px;width:40px}.skeleton-overview-icon{border-radius:8px;height:28px;margin-bottom:8px;width:28px}.stat-number{height:14px;margin-bottom:6px;width:45px}.stat-label{height:8px;width:65px}.activity-row .skeleton-circle{border-radius:6px;height:28px;width:28px}.stat-card .skeleton-circle{border-radius:8px;height:34px;width:34px}.activity-content{flex:1 1;min-width:0}.activity-right .skeleton-pill,.activity-right .time{margin-left:auto}.hero-banner{border-radius:16px;height:170px;margin-bottom:16px;width:100%}.hero-image{height:100%;object-fit:cover;width:100%}.banner-arrow{background:#ffffffd9;font-size:14px;height:34px;width:34px}.banner-arrow.left{left:8px}.banner-arrow.right{right:8px}.slider-dots{bottom:10px;gap:6px}.dot{height:6px;width:6px}.dot.active{width:18px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{border-radius:10px;gap:10px;padding:14px}.stat-icon{border-radius:8px;font-size:14px;height:34px;width:34px}.stat-card p{font-size:11px;margin:0}.stat-card h2{font-size:17px;line-height:1.2;margin:4px 0}.stat-card span{font-size:10px}.activity-icon{border-radius:6px;font-size:11px;height:28px;min-width:28px;width:28px}.activity-row{gap:8px}.activity-left{flex:1 1;gap:10px;min-width:0}.activity-right{margin-left:14px;min-width:85px}.activity-left p{font-size:11px;font-weight:600}.activity-right{margin-top:10px}.activity-text{font-size:11px;line-height:1.4}.activity-email-inline{font-weight:600}.activity-email{color:#94a3b8;font-size:8px;margin-top:-4px}.status{font-weight:600}.activity-time,.status{font-size:10px}.overview-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.overview-box{border-radius:10px;padding:12px}.overview-box svg{font-size:16px;margin-bottom:6px}.overview-box h2,.overview-box h4{font-size:13px}.overview-box p{font-size:9px}.otp-card{min-width:100%}}.buy-page{background:var(--bg-color);color:var(--text-color);min-height:100vh;padding:0}.buy-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.buy-header h1{font-size:28px;font-weight:700}.buy-header p{color:var(--secondary-text);font-size:13px;margin-top:4px}.buy-stats{display:flex}.stat-pill{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);font-size:13px;padding:10px 14px}.buy-toolbar{display:flex;gap:14px;margin-bottom:22px}.server-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--card-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--border-color);border-radius:9px;color:var(--text-color);cursor:pointer;font-size:14px;height:46px;outline:none;padding:12px 45px 12px 14px;transition:all .2s ease;width:50%}.server-select:focus{border-color:#6366f1}.dark .server-select{background-color:var(--card-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");color:var(--text-color)}.search-container{align-items:center;background:var(--input-bg);border:1px solid var(--border-color);border-radius:9px;display:flex;flex:1 1;gap:12px;height:46px;padding:0 14px}.search-container input{background:#0000;border:none;color:var(--text-color);flex:1 1;font-size:16px;outline:none}.search-container input::placeholder{font-size:13px}.buy-layout{grid-gap:22px;display:grid;gap:22px;grid-template-columns:1fr 360px}.popular-label{align-items:center;display:flex;font-size:15px;font-weight:600;justify-content:space-between;margin-bottom:18px}.popular-label .stat-pill{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:999px;display:flex;gap:8px;padding:6px 12px}.popular-label .stat-pill span{font-size:12px;opacity:.7}.popular-label .stat-pill strong{font-size:14px;font-weight:700}.empty-state{align-items:center;background:var(--card-bg);border:1px dashed var(--border-color);border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-height:280px;padding:40px 20px;text-align:center}.empty-state h3{color:var(--text-color);font-size:20px;font-weight:700;margin:0}.empty-state p{color:var(--secondary-text);font-size:13px;line-height:1.6;margin-top:8px;max-width:240px}.empty-state:hover{border-color:var(--primary);transition:all .3s ease}.otp-panel,.services-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow);padding:20px}.services-grid{display:flex;flex-direction:column;gap:12px;padding-bottom:30px;width:100%}.notice{align-items:center;display:flex;font-size:13px;gap:10px}.notice,.notice svg{color:var(--secondary-text)}.notice svg{flex-shrink:0;font-size:18px}.notice span{line-height:1.4}.otp-panel{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky}.otp-panel h3{margin:-5px 0 10px}.otp-empty{align-items:center;background:var(--card-bg);border:1px dashed var(--border-color);border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-height:260px;padding:35px 20px;text-align:center}.otp-empty p{color:var(--text-color);font-size:20px;font-weight:700;margin:0}.otp-empty span{color:var(--secondary-text);font-size:13px;line-height:1.6;margin-top:8px;max-width:230px}.otp-empty:hover{border-color:var(--primary);transition:all .3s ease}.number-box{background:var(--input-bg);border-radius:14px;margin-top:16px;padding:16px}.number-row{align-items:center;display:flex;justify-content:space-between}.number-row button{background:var(--primary);border:none;border-radius:10px;color:#fff;height:40px;width:40px}.otp-status{border-radius:14px;font-size:13px;margin-top:18px;padding:18px}.waiting{background:var(--primary-soft)}.success{background:#22c55e1f}.expired{background:#ef44441f}.timer-pill{font-size:22px;font-weight:700;margin-top:10px}.copy-btn{align-items:center;background:#6366f11a;border:none;border-radius:8px;color:#6366f1;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:.2s ease}.copy-btn:hover{background:#6366f133}.copy-otp-btn{background:linear-gradient(90deg,#6f5eff,#563bff);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;height:44px;margin-top:14px;width:100%}.otp-actions{display:flex;flex-direction:column;gap:10px;margin-top:12px}.action-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:12px 14px;transition:all .2s ease;width:100%}.action-btn.refund{background:#ef4444;box-shadow:0 6px 16px #ef444440;color:#fff}.action-btn.refund:hover{background:#dc2626;transform:translateY(-1px)}.action-btn.refund:active{transform:scale(.98)}.action-btn.resend{background:#3b82f6;box-shadow:0 6px 16px #3b82f640;color:#fff}.action-btn.resend:hover{background:#2563eb;transform:translateY(-1px)}.action-btn.resend:active{transform:scale(.98)}.action-btn.done{background:#22c55e;color:#fff}.action-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.service-card{align-items:center;background:var(--input-bg);border:1px solid var(--border-color);border-radius:14px;display:flex;gap:14px;justify-content:space-between;padding:14px 16px;transition:all .2s ease;width:100%}.service-card:hover{border-color:var(--primary);transform:translateY(-2px)}.service-card.disabled{opacity:.6}.service-left{align-items:center;display:flex;flex:1 1;gap:14px;min-width:0}.service-icon,.service-icon-placeholder{align-items:center;background:var(--hover-bg);border-radius:9px;color:var(--text-color);display:flex;font-size:18px;font-weight:700;height:46px;justify-content:center;width:46px}.service-info{display:flex;flex-direction:column}.service-info h4{color:var(--text-color);font-size:16px;font-weight:600;margin:0}.stock-badge{color:var(--secondary-text);font-size:12px;margin-top:2px}.service-right{align-items:center;display:flex;flex-shrink:0;gap:14px}.price{color:var(--text-color);font-size:16px;font-weight:700;white-space:nowrap}.buy-btn{background:linear-gradient(90deg,#6f5eff,#563bff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;height:44px;min-width:80px;padding:0 18px;transition:all .2s ease}.buy-btn:hover{opacity:.92;transform:translateY(-1px)}.phone-number{align-items:center;display:flex;font-size:20px;font-weight:700;gap:2px;letter-spacing:.5px}.country-code{color:#10b981;font-weight:800}@media (max-width:1200px){.buy-layout{grid-template-columns:1fr}.otp-panel{position:static}}@media (max-width:768px){.buy-header h1{font-size:22px}.buy-header p{font-size:12px}.buy-stats,.buy-toolbar{flex-direction:column;gap:10px}.search-container,.server-select{border-radius:10px;height:48px;min-height:48px;width:100%}.search-container{align-items:center;background:var(--input-bg);border:1px solid var(--border-color);display:flex;gap:10px;padding:0 12px}.search-container svg{color:var(--secondary-text);flex-shrink:0;font-size:18px}.search-container input{color:var(--text-color);font-size:16px;height:48px;width:100%}.search-container input::placeholder{color:var(--secondary-text);font-size:13px}.search-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.buy-layout{gap:16px;grid-template-columns:1fr}.popular-label{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:14px}.popular-label>span{color:var(--text-color);font-size:13px;font-weight:600;white-space:nowrap}.popular-label .stat-pill{border-radius:999px;flex-shrink:0;gap:6px;padding:5px 10px}.popular-label .stat-pill span{font-size:10px}.popular-label .stat-pill strong{font-size:12px}.services-panel{border-radius:12px;padding:14px}.services-grid{gap:10px;padding-bottom:20px}.service-card{border-radius:14px;flex-direction:row;justify-content:space-between;padding:10px 12px}.service-card,.service-left{align-items:center;display:flex;gap:10px}.service-left{flex:1 1;min-width:0}.service-icon,.service-icon-placeholder{border-radius:10px;font-size:16px;height:38px;min-width:38px;width:38px}.service-info h4{font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-badge{color:var(--secondary-text);font-size:10px;margin-top:2px}.service-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.price{color:var(--text-color);font-size:14px;font-weight:700;white-space:nowrap}.buy-btn{border-radius:6px;font-size:12px;font-weight:600;height:36px;min-width:72px;padding:0 14px}.empty-state{border-radius:14px;min-height:220px;padding:30px 16px}.empty-state h3{font-size:17px}.empty-state p{color:var(--secondary-text);font-size:12px;max-width:200px}.otp-empty{border-radius:14px;min-height:200px;padding:28px 16px}.otp-empty p{font-size:17px}.otp-empty span{max-width:190px}.notice,.otp-empty span{color:var(--secondary-text);font-size:12px}.notice{gap:8px}.notice svg{color:var(--secondary-text);font-size:16px}.notice span{font-size:12px}.number-box,.otp-panel{padding:14px}.number-row h2{word-break:break-all}.number-row h2,.timer-pill{color:var(--text-color);font-size:18px}.copy-otp-btn{font-size:12px;height:42px}}.order-history-page{background:var(--bg-color);color:var(--text-color);font-size:14px}.history-filters select:focus{border-color:var(--primary)}.no-orders{align-items:center;animation:fadeIn .3s ease;display:flex;flex-direction:column;justify-content:center;padding:40px 24px;text-align:center}.no-orders h3{color:var(--text-color);font-size:22px;font-weight:700;margin:0 0 10px}.no-orders p{color:var(--secondary-text);font-size:14px;line-height:1.6;margin:0;max-width:420px}@media (max-width:768px){.no-orders{border-radius:18px;min-height:250px;padding:28px 18px}.no-orders-icon{font-size:28px;height:62px;width:62px}.no-orders h3{font-size:18px}.no-orders p{font-size:13px}}@keyframes shimmer{0%{background-position:-500px 0}to{background-position:500px 0}}.sk,.skeleton-dot{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-shimmer) 50%,var(--skeleton-bg) 75%);background-size:1000px 100%;border-radius:12px}.sk.number{height:16px;width:120px}.sk.service{height:16px;width:100px}.sk.country{height:16px;width:60px}.sk.otp{height:16px;width:70px}.sk.badge{border-radius:999px;height:34px;width:90px}.sk.date{height:14px;margin-bottom:8px;width:90px}.sk.time{height:12px;width:70px}.sk.button{border-radius:12px;height:38px;width:90px}.mobile-title{height:18px;width:140px}.mobile-number{height:14px;margin-top:14px;width:180px}.mobile-country{height:14px;margin-top:10px;width:60px}.mobile-time{width:80px}.skeleton-dot{border-radius:50%;height:14px;margin-top:8px;width:14px}.sk.log-platform{height:16px;width:90px}.sk.log-product{height:16px;width:140px}.sk.log-price{height:16px;width:80px}.sk.log-qty{height:16px;width:50px}.mobile-product{height:14px;margin-top:14px;width:180px}.mobile-price{height:14px;margin-top:10px;width:70px}.mobile-details{height:14px;margin-top:12px;width:220px}.order-history-table{border-collapse:collapse;width:100%}.order-history-table th{border-bottom:1px solid var(--border-color);color:var(--secondary-text);font-size:12px;padding:14px;text-align:left}.order-history-table td{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:13px;padding:16px 14px}.order-history-table tr:hover{background:var(--hover-bg)}.status-badge{border-radius:999px;font-size:11px;font-weight:600;padding:6px 12px;white-space:nowrap}.status-badge.received{background:#22c55e26;color:var(--success)}.status-badge.waiting{background:#f59e0b26;color:var(--warning)}.status-badge.refunded{background:var(--danger-soft);color:var(--danger)}.status-badge.cancelled{background:#94a3b826;color:var(--secondary-text)}.otp-success{color:var(--success);font-size:13px;font-weight:700}.otp-waiting{color:var(--secondary-text);font-size:13px}.details-text{max-width:280px;white-space:pre-wrap;word-break:break-word}.resend-btn{background:linear-gradient(135deg,var(--primary),#6366f1)}.refund-btn,.resend-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px}.refund-btn{background:linear-gradient(135deg,#ef4444,#b91c1c)}.timeline-dot{background:var(--primary)}.timeline-dot.waiting{background:#f59e0b}.timeline-dot.received{background:#22c55e}.timeline-dot.refunded{background:#ef4444}.timeline-dot.cancelled{background:#64748b}.timeline-otp{color:var(--text-color);font-size:14px;margin:0 0 12px}@media (max-width:768px){.history-header h1{font-size:24px}.history-header p{font-size:13px}.history-filters{flex-direction:column}.history-filters select,.history-search{width:100%}.desktop-view{display:none}.mobile-view{display:block}.pagination{align-items:center;display:flex;flex-direction:row!important;flex-wrap:nowrap;gap:8px;justify-content:space-between;width:100%}.pagination p{color:var(--secondary-text);display:block;flex:1 1;font-size:11px;margin:0;min-width:0;white-space:nowrap}.page-buttons{align-items:center;display:flex;flex:none;gap:6px;margin-left:0;width:auto!important}.page-buttons button{padding:6px 10px}}.transaction-page{background:var(--bg-color);color:var(--text-color);font-size:14px;min-height:100vh;padding:0}.transaction-card{width:100%}.history-header h1{color:var(--text-color);font-size:32px;font-weight:800;margin-bottom:6px}.history-header p{color:var(--secondary-text);font-size:14px;margin-bottom:22px}.history-filters{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px}.history-search{flex:1 1;min-width:220px}.history-search input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:9px;color:var(--text-color);font-size:16px;height:46px;outline:none;padding:0 14px;width:100%}.history-search input::placeholder{color:var(--secondary-text);font-size:13px}.history-filters select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--card-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--border-color);border-radius:9px;color:var(--text-color);cursor:pointer;font-size:14px;height:46px;outline:none;padding:12px 45px 12px 14px;transition:all .2s ease;width:160px}.history-filters select:focus,.history-search input:focus{border-color:var(--primary)}.desktop-view{display:block}.mobile-view{display:none}.transaction-table-scroll{overflow-x:auto}.transaction-table{border-collapse:collapse;width:100%}.transaction-table th{border-bottom:1px solid var(--border-color);color:var(--secondary-text);font-size:12px;padding:14px;text-align:left}.transaction-table td{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:13px;padding:16px 14px}.transaction-table tr:hover{background:var(--hover-bg)}.tx-badge{border-radius:999px;font-size:11px;font-weight:600;padding:6px 12px;white-space:nowrap}.tx-badge.success{background:#22c55e26;color:#22c55e}.tx-badge.pending{background:#f59e0b26;color:#f59e0b}.tx-badge.failed{background:#ef444426;color:#ef4444}.date-cell{display:flex;flex-direction:column;gap:4px}.main-date{color:var(--text-color);font-weight:600}.relative-time{color:var(--secondary-text);font-size:12px}.sk.tx-reference{height:16px;width:140px}.sk.tx-amount{height:16px;width:90px}.mobile-amount{height:18px;width:100px}.mobile-reference{height:14px;margin-top:14px;width:180px}.mobile-provider{height:14px;margin-top:10px;width:80px}.mobile-time{height:14px;margin-top:12px;width:70px}.date-skeleton{display:flex;flex-direction:column}.skeleton-card{display:flex;gap:14px}.no-transactions{flex-direction:column;padding:40px 24px;text-align:center}.no-orders-icon,.no-transactions{align-items:center;display:flex;justify-content:center}.no-orders-icon{background:var(--hover-bg);border-radius:50%;font-size:34px;height:78px;margin-bottom:18px;width:78px}.no-transactions h3{color:var(--text-color);font-size:22px;font-weight:700;margin:0 0 10px}.no-transactions p{color:var(--secondary-text);font-size:14px;line-height:1.6;margin:0;max-width:420px}.pagination{align-items:center;display:flex;justify-content:space-between;margin-top:20px;width:100%}.pagination p{color:var(--secondary-text);flex:1 1;font-size:13px;margin:0;text-align:left}.page-buttons{align-items:center;display:flex;gap:10px;margin-left:auto}.page-buttons button{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-color);cursor:pointer;font-size:12px;padding:8px 14px}.page-buttons button:disabled{cursor:not-allowed;opacity:.5}.page-buttons .active{background:var(--primary);color:#fff}.loading-spinner{align-items:center;color:var(--secondary-text);display:flex;flex-direction:column;padding:80px 0}.spinner{animation:spin 1s linear infinite;border:4px solid #00000014;border-radius:50%;border-top:4px solid var(--primary);height:40px;margin-bottom:14px;width:40px}.timeline-list{display:flex;flex-direction:column;gap:18px}.timeline-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow);display:flex;gap:14px;padding:18px}.timeline-dot{border-radius:50%;height:12px;margin-top:7px;min-width:12px;width:12px}.timeline-dot.success{background:#22c55e}.timeline-dot.pending{background:#f59e0b}.timeline-dot.failed{background:#ef4444}.timeline-content{flex:1 1}.timeline-top{align-items:center;display:flex;gap:10px;justify-content:space-between}.timeline-top h3{color:var(--text-color);font-size:16px;font-weight:700;margin:0}.timeline-number{color:var(--text-color);font-weight:600;margin:10px 0 4px;word-break:break-word}.timeline-country{color:var(--secondary-text);font-size:13px;margin:0 0 8px}.timeline-bottom{align-items:center;color:var(--secondary-text);display:flex;font-size:12px;gap:12px;justify-content:space-between}@media (max-width:768px){.history-header h1{font-size:24px}.history-header p{font-size:13px}.history-filters{flex-direction:column}.history-filters select,.history-search{width:100%}.desktop-view{display:none}.mobile-view{display:block}.pagination{align-items:flex-start;flex-direction:column;gap:12px}.page-buttons{justify-content:flex-end;margin-left:0;width:100%}.no-transactions{min-height:250px;padding:28px 18px}.no-orders-icon{font-size:28px;height:62px;width:62px}.no-transactions h3{font-size:18px}.no-transactions p{font-size:13px}}.fund-page{background:var(--bg-color);color:var(--text-color);font-size:13px;padding:0}.fund-wallet-header h1{color:var(--text-color);font-size:32px;font-weight:800;margin-bottom:4px}.fund-wallet-header p{color:var(--secondary-text);font-size:14px;margin-bottom:18px}.fund-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow);margin-bottom:18px;padding:22px}.section-heading{color:var(--text-color);font-size:17px;margin-bottom:22px}.step-title{color:var(--text-color);font-size:13px;font-weight:600;gap:8px;margin-bottom:12px}.step-title,.step-title span{align-items:center;display:flex}.step-title span{background:var(--primary);border-radius:50%;color:#fff;font-size:12px;height:24px;justify-content:center;width:24px}.amount-box{background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;margin-bottom:14px;overflow:hidden}.amount-box span{background:var(--hover-bg);font-weight:600}.amount-box input,.amount-box span{color:var(--text-color);padding:14px}.amount-box input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none}.amount-box input::placeholder{color:var(--secondary-text)}.quick-amounts{display:flex;flex-wrap:wrap;margin-bottom:10px}.amount-btn{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-color);cursor:pointer;font-size:12px;padding:10px 16px;transition:.3s}.amount-btn:hover{background:var(--hover-bg)}.amount-btn.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.limit{color:var(--secondary-text);font-size:12px}.payment-item{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:.3s}.payment-item:hover{background:var(--hover-bg)}.payment-left{align-items:center;display:flex;flex:1 1;gap:14px}.payment-left div{display:flex;flex-direction:column}.payment-logo{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:10px;flex-shrink:0;height:42px;object-fit:contain;padding:6px;width:42px}.payment-left h4{color:var(--text-color);font-size:14px;font-weight:600;margin:0}.payment-left small{color:var(--secondary-text);font-size:12px;margin-top:2px}.payment-item input[type=radio]{accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.payment-item.selected{background:var(--primary-soft);border:2px solid var(--primary)}.summary-box{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:18px;padding:16px}.summary-row{align-items:center;display:flex;font-size:13px;justify-content:space-between;margin-bottom:14px}.summary-row span{color:var(--secondary-text)}.summary-row p{color:var(--text-color)}.summary-row h2{color:var(--primary);font-size:22px}.summary-row.total{margin-bottom:0}.payment-btn{align-items:center;background:var(--primary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:16px;padding:14px;transition:.3s;width:100%}.payment-btn:hover{opacity:.9}hr{background:var(--border-color);border:none;height:1px;margin:18px 0}@media (max-width:768px){.fund-card,.payment-btn,.payment-item,.summary-box{border-radius:10px}.amount-box,.amount-btn,.payment-logo{border-radius:8px}}.floating-dots{animation:floatDots 6s ease-in-out infinite;background-image:radial-gradient(circle,#22c55e59 2px,#0000 0);background-size:18px 18px;height:110px;opacity:.7;position:absolute;width:110px}.dots-left{left:12%;top:18%}.dots-right{bottom:15%;right:12%}@keyframes floatDots{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.fund-success{border-top:4px solid #22c55e!important}.shape{background:#22c55e1f}.icon-wrapper:after,.icon-wrapper:before{background:#22c55e29}.status-icon{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a)!important;border-radius:50%;color:#fff;display:flex;font-size:30px;height:82px;justify-content:center;position:relative;width:82px;z-index:2}.success-status{color:#22c55e!important}.success-box{align-items:center;background:#22c55e0d;border:1px solid #22c55e24;border-radius:14px;display:flex;gap:14px;margin-bottom:24px;padding:16px 18px;text-align:left}.success-box svg{color:#22c55e;flex-shrink:0;font-size:24px}.success-box h4{color:var(--text-color);font-size:16px;margin:0 0 4px}.success-box p{color:var(--secondary-text);font-size:13px;margin:0}.go-wallet-btn{align-items:center;background:linear-gradient(90deg,#22c55e,#16a34a);border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:600;gap:10px;height:56px;justify-content:center;transition:all .25s ease;width:100%}.go-wallet-btn:hover{box-shadow:0 12px 24px #22c55e40;transform:translateY(-2px)}.success-countdown{color:#22c55e;font-weight:700}@media (max-width:768px){.fund-status-card{border-radius:16px;max-width:100%;padding:28px 18px}.fund-status-card h2{font-size:28px}.fund-status-card>p{font-size:14px}.go-wallet-btn{font-size:15px;height:52px}.redirect-info{font-size:13px;text-align:center}.floating-dots{display:none}}.fund-status-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.fund-status-card,.fund-status-page{color:var(--text-color);overflow:hidden;position:relative}.fund-status-card{animation:fadeUp .6s ease;background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;box-shadow:0 16px 50px #0000000f;max-width:540px;padding:36px 28px;text-align:center;width:100%}.cancel{border-top:4px solid #ff476e}.shape{background:#ff476e1f;border-radius:50%;position:absolute}.shape1{height:8px;left:80px;top:60px;width:8px}.shape2{height:10px;right:100px;top:90px;width:10px}.shape3{height:6px;right:140px;top:150px;width:6px}.icon-wrapper{height:82px;margin:0 auto 24px;position:relative;width:82px}.icon-wrapper:after,.icon-wrapper:before{animation:pulse 2s infinite;background:#ff476e29;border-radius:50%;content:"";inset:0;position:absolute}.icon-wrapper:after{animation-delay:.8s}.status-icon-cancel{align-items:center;background:linear-gradient(135deg,#ff4a73,#ff1744);border-radius:50%;color:#fff;display:flex;font-size:30px;height:82px;justify-content:center;position:relative;width:82px;z-index:2}@keyframes pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.fund-status-card h2{color:var(--text-color);font-size:34px;font-weight:700;margin-bottom:14px}.cancel-status{color:#ff476e}.fund-status-card>p{color:var(--secondary-text);font-size:15px;line-height:1.6;margin-bottom:26px}.warning-box{align-items:center;background:#ff476e0d;border:1px solid #ff476e24;border-radius:14px;display:flex;gap:14px;margin-bottom:24px;padding:16px 18px;text-align:left}.warning-box svg{color:#ff476e;flex-shrink:0;font-size:24px}.warning-box h4{color:var(--text-color);font-size:16px;margin:0 0 4px}.warning-box p{color:var(--secondary-text);font-size:13px;margin:0}.try-again-btn{align-items:center;background:linear-gradient(90deg,#ff476e,#ff1744);border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:600;gap:10px;height:56px;justify-content:center;transition:all .25s ease;width:100%}.try-again-btn:hover{box-shadow:0 12px 24px #ff476e4d;transform:translateY(-2px)}.redirect-info{align-items:center;color:var(--secondary-text);display:flex;font-size:14px;gap:8px;margin-top:18px}.cancel-countdown{color:#ff476e;font-weight:700}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}body.dark .fund-status-card,body[data-theme=dark] .fund-status-card{box-shadow:0 20px 50px #0006,inset 0 1px 0 #ffffff08}@media (max-width:768px){.fund-status-card{border-radius:16px;max-width:100%;padding:28px 18px}.fund-status-card h2{font-size:28px}.fund-status-card>p{font-size:14px}.try-again-btn{font-size:15px;height:52px}.redirect-info{font-size:13px;text-align:center}.floating-dots{display:none}}.login-wrapper{grid-gap:40px;background:var(--bg-color);display:grid;gap:40px;grid-template-columns:1.1fr 1fr;height:100dvh;inset:0;overflow-y:auto;padding:40px;position:fixed;width:100%}.login-illustration{align-items:center;display:flex;justify-content:center}.login-illustration img{height:auto;max-width:100%}.login-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000000f;color:var(--text-color);display:flex;flex-direction:column;justify-content:flex-start;margin-top:-10px;max-width:480px;padding:48px;transition:background .3s ease,color .3s ease,border-color .3s ease;width:100%}.login-mobile-logo{display:none;margin-bottom:14px;text-align:center}.login-mobile-logo img{height:auto;width:140px}.login-header h2{color:var(--text-color);font-size:28px;font-weight:700;margin-bottom:20px}.login-form label{color:var(--secondary-text);display:block;font-size:14px;margin-bottom:6px}.login-form input{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:16px;margin-bottom:14px;padding:14px 16px;transition:border-color .3s ease,background .3s ease,color .3s ease;width:100%}.login-form input:focus{border-color:#367e3a;outline:none}.eye-icon{align-items:center;display:flex;justify-content:center;transition:color .2s ease}.forgot-password{margin-bottom:14px;margin-top:-10px;text-align:right}.forgot-password a{color:var(--text-color);font-size:14px;font-weight:600;text-decoration:none}.login-btn{background:#367e3a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:14px;padding:14px;transition:background .3s ease;width:100%}.login-btn:hover{background:#2f6f33}.signup-text{color:var(--secondary-text);font-size:14px;text-align:center}.signup-text a{color:var(--text-color);font-weight:600;text-decoration:none}.login-footer{color:var(--secondary-text);font-size:12px;margin-top:16px;text-align:center}.login-footer span{color:var(--text-color);font-weight:500}@media (max-width:900px){.login-wrapper{align-items:flex-start;grid-template-columns:1fr;min-height:100vh;padding:16px}.login-illustration{display:none}.login-card{border-radius:6px;margin:20px auto 0;max-height:calc(100vh - 20px);overflow-y:auto;padding:18px}.login-mobile-logo{display:block}.login-btn{border-radius:6px}.login-header h2{margin-bottom:16px}}.register-wrapper{grid-gap:40px;background:var(--bg-color);display:grid;gap:40px;grid-template-columns:1.1fr 1fr;height:100dvh;inset:0;overflow-y:auto;padding:40px;position:fixed;width:100%}.register-illustration{align-items:center;display:flex;justify-content:center}.register-illustration img{max-width:100%}.register-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000000f;color:var(--text-color);display:flex;flex-direction:column;justify-content:flex-start;margin-top:-10px;max-width:520px;padding:48px;transition:background .3s ease,color .3s ease,border-color .3s ease;width:100%}.register-card h2{color:var(--text-color);font-size:28px;font-weight:700;margin-bottom:20px}.register-form label{color:var(--secondary-text);display:block;font-size:14px;margin-bottom:6px}.register-form input[type=email],.register-form input[type=password],.register-form input[type=text]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:16px;margin-bottom:14px;padding:14px 16px;transition:border-color .3s ease,background .3s ease,color .3s ease;width:100%}.register-form input:focus{border-color:#367e3a;outline:none}.password-wrapper input{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:1rem;height:45px;padding-left:10px}.eye-icon{color:var(--secondary-text);top:50%;transform:translateY(-80%)}.name-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.recaptcha-box{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;display:flex;gap:12px;margin-bottom:14px;padding:16px}.recaptcha-logo{font-size:12px;margin-left:auto}.recaptcha-logo,.terms{color:var(--secondary-text)}.terms{display:flex;font-size:13px;gap:10px;margin-bottom:20px}.terms span{color:var(--text-color);font-weight:600}.register-btn{background:#367e3a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:14px;padding:14px;transition:background .3s ease;width:100%}.register-btn:hover{background:#2f6f33}.signin-text{color:var(--secondary-text);font-size:14px;text-align:center}.signin-text a{color:var(--text-color);font-weight:600;text-decoration:none}.register-mobile-logo{display:none;margin-bottom:14px;text-align:center}.register-mobile-logo img{height:auto;width:140px}@media (max-width:900px){.register-wrapper{align-items:flex-start;grid-template-columns:1fr;min-height:100vh;padding:16px}.register-illustration{display:none}.register-mobile-logo{display:block}.register-card{border-radius:6px;margin:20px auto 0;max-height:calc(100vh - 40px);overflow-y:auto;padding:20px}.name-row{grid-template-columns:1fr}}.forgot-wrapper{grid-gap:40px;background:var(--bg-color);display:grid;gap:40px;grid-template-columns:1.1fr 1fr;height:100dvh;inset:0;overflow-y:auto;padding:40px;position:fixed;width:100%}.forgot-illustration{align-items:center;display:flex;justify-content:center}.forgot-illustration img{height:auto;max-width:100%}.forgot-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000000f;color:var(--text-color);display:flex;flex-direction:column;justify-content:flex-start;margin-top:-10px;max-width:480px;padding:32px;transition:background .3s ease,color .3s ease,border-color .3s ease;width:100%}.forgot-mobile-logo{display:none;margin-bottom:12px;text-align:center}.forgot-mobile-logo img{height:auto;width:140px}.forgot-header h2{color:var(--text-color);font-size:26px;font-weight:700;margin-bottom:4px}.forgot-header p{line-height:1.4;margin-bottom:14px}.forgot-form label,.forgot-header p{color:var(--secondary-text);font-size:14px}.forgot-form label{display:block;margin-bottom:6px}.forgot-form input{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:16px;margin-bottom:14px;padding:14px 16px;transition:border-color .3s ease,background .3s ease,color .3s ease;width:100%}.forgot-form input:focus{border-color:#367e3a;outline:none}.forgot-btn{background:#367e3a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:10px;padding:14px;transition:background .3s ease;width:100%}.forgot-btn:hover{background:#2f6f33}.forgot-footer{color:var(--secondary-text);font-size:14px;text-align:center}.forgot-footer a{color:var(--text-color);font-weight:600;text-decoration:none}@media (max-width:900px){.forgot-wrapper{align-items:flex-start;grid-template-columns:1fr;padding:16px}.forgot-illustration{display:none}.forgot-card{border-radius:6px;margin:20px auto 0;max-height:calc(100vh - 20px);overflow-y:auto;padding:18px}.forgot-mobile-logo{display:block}.forgot-btn{border-radius:6px}.forgot-header h2{font-size:24px}}.reset-wrapper{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1.1fr 1fr;min-height:100vh;padding:40px}.reset-illustration{align-items:center;display:flex;justify-content:center}.reset-illustration img{height:auto;max-width:100%}.reset-card{background:#fff;border-radius:16px;display:flex;flex-direction:column;justify-content:flex-start;margin-top:-40px;max-width:480px;padding:32px;width:100%}.reset-mobile-logo{display:none;margin-bottom:12px;text-align:center}.reset-mobile-logo img{height:auto;width:140px}.reset-header h2{font-size:26px;font-weight:700;margin-bottom:4px}.reset-header p{color:#666;font-size:14px;line-height:1.4;margin-bottom:14px}.reset-form label{color:#444;display:block;font-size:14px;margin-bottom:6px}.reset-form input{border:1px solid #ddd;border-radius:8px;font-size:15px;margin-bottom:14px;padding:14px 16px;width:100%}.reset-form input:focus{border-color:#ff7a00;outline:none}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{padding-right:40px;width:100%}.eye-icon{color:#555;cursor:pointer;font-size:1.2rem;position:absolute;right:10px}.reset-btn{background:#367e3a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:10px;padding:14px;width:100%}.reset-btn:hover{background:#2f6f33}.reset-footer{font-size:14px;text-align:center}.reset-footer a{color:#000;font-weight:600;text-decoration:none}@media (max-width:900px){.reset-wrapper{align-items:flex-start;grid-template-columns:1fr;min-height:100vh;padding:16px}.reset-illustration{display:none}.reset-card{border-radius:6px;box-shadow:0 2px 6px #0000000a;margin:10px auto 0;max-height:calc(100vh - 20px);overflow-y:auto;padding:18px}.reset-mobile-logo{display:block}.reset-btn{border-radius:6px}.reset-header h2{font-size:24px}}.user-support-page{background:var(--bg-color);color:var(--text-color);padding:20px;transition:background .3s ease,color .3s ease}.user-support-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 12px #0000000f;display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:100%;overflow:hidden}.user-support-container,.user-support-header{transition:background .3s ease,border-color .3s ease}.user-support-header{background:#00000008;border-bottom:1px solid var(--border-color);flex-shrink:0;padding:18px 22px}body[data-theme=dark] .user-support-header{background:#ffffff08}.user-support-header h3{color:var(--text-color);font-size:18px;font-weight:600;margin:0}.user-support-header span{color:var(--secondary-text);font-size:13px}.user-support-body{background:#00000005;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px;transition:background .3s ease}body[data-theme=dark] .user-support-body{background:#ffffff05}.user-support-body::-webkit-scrollbar{width:6px}.user-support-body::-webkit-scrollbar-thumb{background:#0000001f;border-radius:10px}body[data-theme=dark] .user-support-body::-webkit-scrollbar-thumb{background:#ffffff1f}.chat-message{display:flex;margin-bottom:12px}.chat-message.user{justify-content:flex-end}.chat-message.support{justify-content:flex-start}.bubble{word-wrap:break-word;border-radius:18px;font-size:14px;line-height:1.4;max-width:70%;padding:12px 16px;position:relative;transition:background .3s ease,color .3s ease}.chat-message.user .bubble{background:#2563eb;border-bottom-right-radius:4px;color:#fff}.chat-message.support .bubble{background:#e5e7eb;border-bottom-left-radius:4px;color:#111827}body[data-theme=dark] .chat-message.support .bubble{background:#1f2937;color:#f9fafb}.bubble span{display:block;font-size:11px;margin-top:6px;opacity:.7}.chat-date{color:var(--secondary-text);font-size:12px;margin:10px 0;text-align:center}.user-support-input{background:var(--card-bg);border-top:1px solid var(--border-color);display:flex;flex-shrink:0;padding:14px 18px;transition:background .3s ease,border-color .3s ease}.user-support-input input{background:var(--bg-color);border:1px solid var(--border-color);border-radius:25px;color:var(--text-color);flex:1 1;font-size:14px;outline:none;padding:10px 16px;transition:background .3s ease,color .3s ease,border-color .3s ease}.user-support-input input:focus{border-color:#2563eb}.user-support-input button{background:#2563eb;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:500;margin-left:10px;padding:10px 20px;transition:.2s ease}.user-support-input button:hover{background:#1d4ed8}.telegram-float{align-items:center;animation:telegramPulse 2s infinite;background-color:#08c;border-radius:50%;bottom:80px;box-shadow:0 5px 15px #0003;color:#fff;display:flex;font-size:24px;height:55px;justify-content:center;position:fixed;right:20px;text-decoration:none;transition:transform .2s ease,background-color .2s ease;width:55px;z-index:999}.telegram-float:hover{animation-play-state:paused;background-color:#0077b5;transform:scale(1.1)}@keyframes telegramPulse{0%{box-shadow:0 5px 15px #0003,0 0 0 0 #0088cc8c;transform:scale(1)}70%{box-shadow:0 5px 15px #0003,0 0 0 16px #08c0;transform:scale(1.08)}to{box-shadow:0 5px 15px #0003,0 0 0 0 #08c0;transform:scale(1)}}@media (max-width:768px){.user-support-page{padding:0}.user-support-container{border-radius:8px;height:100vh;margin:0;max-width:100%;width:100%}.bubble{max-width:85%}.telegram-float{bottom:100px;right:20px}}.paystack-page{align-items:center;background:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;overflow-x:hidden;padding:20px 10px;transition:background .3s ease,color .3s ease}.paystack-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000000f;color:var(--text-color);margin-top:20px;max-width:420px;overflow:hidden;position:relative;transition:background .3s ease,color .3s ease,border-color .3s ease;width:100%}.paystack-header{border-bottom:1px solid var(--border-color);padding:32px 20px 18px;text-align:center;transition:border-color .3s ease}.paystack-header img{margin-bottom:10px;width:72px}.paystack-header h3{color:var(--text-color);font-size:20px;font-weight:600}.paystack-header p{color:var(--secondary-text);font-size:14px}.paystack-body{padding:24px 20px 28px}.paystack-body label{color:var(--text-color);font-size:14px;font-weight:500}@media (max-width:480px){.paystack-page{justify-content:flex-start;min-height:auto;padding:20px 5px}.paystack-card{border-radius:6px;box-shadow:0 2px 6px #0000000a;margin:0 auto;max-width:460px;padding-bottom:20px;width:100%}.back-btn{font-size:16px;left:16px;padding:8px;top:16px}.paystack-header{padding:24px 16px 16px}.paystack-header img{margin-bottom:8px;width:60px}.paystack-header h3{font-size:18px}.paystack-header p{font-size:13px}.paystack-body{padding:20px 16px 24px}.amount-input{padding:0 10px}.amount-input input{font-size:15px;padding:12px 8px}.quick-amounts{gap:8px;grid-template-columns:repeat(2,1fr);margin:12px 0 6px}.quick-btn{font-size:12px;padding:8px 4px}.fund-btn{border-radius:50px;font-size:15px;padding:12px}.min-max-text{margin-bottom:20px}.error-text,.min-max-text{font-size:12px}.loader{border-width:2px;height:18px;width:18px}.secure-badge{font-size:12px;margin-top:10px}}.fund-usdt-page{align-items:flex-start;background:var(--bg-color);color:var(--text-color);display:flex;justify-content:center;min-height:100vh;padding:20px 10px;transition:background .3s ease,color .3s ease}.fund-usdt-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000000f;color:var(--text-color);margin-top:20px;max-width:420px;overflow:hidden;position:relative;transition:background .3s ease,color .3s ease,border-color .3s ease;width:100%}.back-btn{background:#0000;border:none;color:#16a34a;cursor:pointer;font-size:16px;left:16px;padding:8px;position:absolute;top:16px}.fund-header{border-bottom:1px solid var(--border-color);padding:32px 20px 18px;text-align:center;transition:border-color .3s ease}.fund-header img{margin-bottom:10px;width:72px}.fund-header h3{color:var(--text-color);font-size:20px;font-weight:600}.fund-header p{color:var(--secondary-text);font-size:14px}.fund-body{padding:24px 20px 28px}.fund-body label{color:var(--text-color);font-size:14px;font-weight:500}.amount-input{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;display:flex;margin-top:6px;padding:0 12px;transition:border-color .2s ease,background .3s ease}.amount-input:focus-within{border-color:#16a34a}.amount-input.error{border-color:#dc2626}.amount-input span{color:var(--text-color);font-size:18px;font-weight:600}.amount-input input{background:#0000;border:none;color:var(--text-color);flex:1 1;font-size:16px;outline:none;padding:14px 10px}.amount-input input::placeholder{color:var(--secondary-text)}.error-text{color:#dc2626}.error-text,.min-max-text{font-size:13px;margin-top:6px}.min-max-text{color:var(--secondary-text);display:flex;font-weight:500;gap:8px;justify-content:flex-start;margin-bottom:14px}.min-max-text span{color:#16a34a;font-weight:600}.quick-amounts{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin:14px 0 6px}.quick-btn{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:13px;font-weight:500;padding:10px 6px;transition:background .2s ease,border-color .2s ease,color .2s ease}.quick-btn:hover{background:#16a34a14;border-color:#16a34a}.quick-btn.active{background:#e1f5ea;border-color:#e1f5ea;color:#37ac80}.fund-btn{background:#00b875;border:none;border-radius:60px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:18px;padding:14px;transition:opacity .2s ease,transform .2s ease;width:100%}.fund-btn:hover:not(:disabled){transform:translateY(-1px)}.fund-btn:disabled{background:#b9e5ce;cursor:not-allowed;opacity:.7}.loader{animation:spin .8s linear infinite;border:3px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:22px;width:22px}.secure-badge{color:var(--secondary-text)}.secure-badge,.trx-address-info{font-size:13px;margin-top:14px;text-align:center}.trx-address-info{color:var(--text-color);word-break:break-all}body[data-theme=dark] .quick-btn:hover{background:#ffffff0d}body[data-theme=dark] .loader{border:3px solid #fff3;border-top-color:#fff}@media (max-width:480px){.fund-usdt-page{justify-content:flex-start;min-height:auto;padding:20px 5px}.fund-usdt-card{border-radius:6px;box-shadow:0 2px 6px #0000000a;margin:0 auto;max-width:460px;padding-bottom:20px;width:100%}.back-btn{font-size:16px;left:16px;padding:8px;top:16px}.fund-header{padding:24px 16px 16px}.fund-header img{margin-bottom:8px;width:60px}.fund-header h3{font-size:18px}.fund-header p{font-size:13px}.fund-body{padding:20px 16px 24px}.amount-input{padding:0 10px}.amount-input input{font-size:15px;padding:12px 8px}.quick-amounts{gap:8px;grid-template-columns:repeat(2,1fr);margin:12px 0 6px}.quick-btn{font-size:12px;padding:8px 4px}.fund-btn{border-radius:50px;font-size:15px;padding:12px}.min-max-text{margin-bottom:20px}.error-text,.min-max-text{font-size:12px}.loader{border-width:2px;height:18px;width:18px}.secure-badge,.trx-address-info{font-size:12px;margin-top:10px}}@keyframes spin{to{transform:rotate(1turn)}}.settings-page{background:var(--bg-color);color:var(--text-color);min-height:100vh;padding:0}.settings-header{margin-bottom:20px}.settings-header h2{color:var(--text-color);font-size:24px;font-weight:700;line-height:1.2;margin:0}.settings-header p{color:var(--secondary-text);font-size:13px;margin-top:6px}.profile-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow);gap:14px;justify-content:flex-start;margin-bottom:20px;padding:18px}.avatar,.profile-card{align-items:center;display:flex}.avatar{background:linear-gradient(135deg,var(--primary),#5b3df5);border-radius:50%;color:#fff;flex-shrink:0;font-size:20px;font-weight:700;height:54px;min-height:54px;min-width:54px;width:54px}.avatar,.profile-info{justify-content:center}.profile-info{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.profile-info h3{color:var(--text-color);font-size:16px;font-weight:600;margin:0}.profile-info p{color:var(--secondary-text);font-size:13px;margin:3px 0 0}.settings-list{display:flex;flex-direction:column;gap:12px}.setting-card{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow);cursor:pointer;display:flex;justify-content:space-between;padding:16px 18px;transition:all .25s ease;width:100%}.setting-card:hover{background:var(--hover-bg);transform:translateY(-2px)}.setting-left{flex:1 1;gap:14px}.setting-icon,.setting-left{align-items:center;display:flex}.setting-icon{background:var(--primary-soft);border-radius:10px;color:var(--primary);flex-shrink:0;font-size:18px;height:42px;justify-content:center;width:42px}.setting-info{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.setting-info h4{color:var(--text-color);font-size:14px;font-weight:600;margin:0}.setting-info p{font-size:12px;line-height:1.4;margin:3px 0 0}.arrow,.setting-info p{color:var(--secondary-text)}.arrow{flex-shrink:0;font-size:16px}.logout-btn{align-items:center;background:#dc26261f;border:none;border-radius:12px;color:var(--danger);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:50px;justify-content:center;margin-top:24px;transition:.25s ease;width:100%}.logout-btn:hover{background:#dc262633}@media (max-width:768px){.settings-header{margin-bottom:16px}.settings-header h2{font-size:20px}.settings-header p{font-size:12px}.profile-card{border-radius:12px;gap:12px;margin-bottom:16px;padding:16px}.avatar{font-size:16px;height:48px;min-height:48px;min-width:48px;width:48px}.profile-info h3{font-size:15px}.profile-info p{font-size:12px}.settings-list{gap:10px}.setting-card{border-radius:12px;padding:14px}.setting-left{gap:12px}.setting-icon{border-radius:10px;font-size:16px;height:38px;width:38px}.setting-info h4{font-size:13px}.setting-info p{font-size:11px}.arrow{font-size:14px}.logout-btn{border-radius:10px;font-size:13px;height:46px;margin-top:20px}}.profile-settings{background:var(--bg-color);color:var(--text-color);min-height:100vh;padding:0}.skeleton-block,.skeleton-circle,.skeleton-line{background:var(--hover-bg);overflow:hidden;position:relative}.dark .skeleton-block,.dark .skeleton-circle,.dark .skeleton-line{background:#273142}.skeleton-block:after,.skeleton-circle:after,.skeleton-line:after{animation:profileShimmer 1.5s infinite;background:linear-gradient(90deg,#0000,var(--skeleton-shimmer),#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}.dark .skeleton-block:after,.dark .skeleton-circle:after,.dark .skeleton-line:after{background:linear-gradient(90deg,#0000,#ffffff14,#0000)}@keyframes profileShimmer{to{transform:translateX(100%)}}.profile-header-text{flex:1 1}.profile-title{border-radius:999px;height:24px;margin-bottom:10px;width:160px}.profile-subtitle{border-radius:999px;height:12px;width:220px}.skeleton-circle{border-radius:12px;flex-shrink:0;height:42px;width:42px}.label-skeleton{border-radius:999px;height:12px;margin-bottom:10px;width:90px}.input-skeleton{border-radius:12px;height:48px;width:100%}.button-skeleton{border-radius:10px;flex:1 1;height:46px}.button-group{gap:12px}@media (max-width:768px){.profile-title{height:18px;width:120px}.profile-subtitle{height:10px;width:170px}.skeleton-circle{border-radius:10px;height:36px;width:36px}.label-skeleton{height:10px;width:70px}.input-skeleton{height:44px}.button-skeleton{height:42px}}.profile-header{align-items:center;display:flex;gap:14px;margin-bottom:24px}.profile-header h1{color:var(--text-color);font-size:22px;margin:0}.profile-header p{color:var(--secondary-text);font-size:12px;margin:4px 0 0}.settings-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow);padding:20px}.input-group{margin-bottom:20px}.input-group:last-child{margin-bottom:0}.input-group label{display:block;font-weight:600;margin-bottom:8px}.input-group input,.input-group label{color:var(--text-color);font-size:13px}.input-group input{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;height:48px;outline:none;padding:0 14px;transition:all .2s ease;width:100%}.input-group input::placeholder{color:var(--secondary-text)}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #9333ea1f}.button-group{display:flex;justify-content:flex-end;margin-top:24px}.save-btn{background:linear-gradient(135deg,var(--primary),#9333ea);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:10px 18px;transition:all .2s ease}.save-btn:hover{opacity:.95}@media (max-width:768px){.settings-card{border-radius:14px;padding:16px}.button-group{flex-direction:column}.button-group button{width:100%}}.appearance-page{background:var(--bg-color);color:var(--text-color);min-height:100vh;padding:0}.appearance-header{align-items:center;display:flex;gap:14px;margin-bottom:24px}.appearance-header h1{color:var(--text-color);font-size:22px;margin:0}.appearance-header p{color:var(--secondary-text);font-size:12px;margin:4px 0 0}.appearance-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-bottom:16px;padding:20px}.setting-content h4{color:var(--text-color);font-size:14px;margin:0}.setting-content p{color:var(--secondary-text);font-size:12px;margin-top:6px}.theme-selector{display:flex;gap:10px}.theme-selector button{align-items:center;background:var(--hover-bg);border:none;border-radius:10px;color:var(--secondary-text);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 14px}.theme-selector button.active{background:linear-gradient(135deg,var(--primary),#9333ea);color:#fff}.switch{height:26px;position:relative;width:50px}.switch input{display:none}.slider{background:#d1d5db;border-radius:30px;cursor:pointer;inset:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background:#fff;border-radius:50%;content:"";height:20px;left:3px;top:3px;width:20px}.switch input:checked+.slider{background:var(--primary)}.switch input:checked+.slider:before{transform:translateX(24px)}@media (max-width:768px){.theme-card{align-items:flex-start;border-radius:14px;flex-direction:column;gap:14px}.theme-selector{width:100%}.theme-selector button{flex:1 1;justify-content:center}.appearance-card:not(.theme-card){align-items:center;border-radius:14px;flex-direction:row;gap:10px;justify-content:space-between;padding:16px}.appearance-card:not(.theme-card) .setting-content{flex:1 1;min-width:0}.appearance-card:not(.theme-card) .switch{flex-shrink:0}}.video-page{background:var(--bg-color);color:var(--text-color);min-height:100vh;padding:0}.video-tutorial-header{align-items:center;display:flex;gap:14px;margin-bottom:24px}.back-button{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:12px;color:var(--text-color);cursor:pointer;display:flex;height:40px;justify-content:center;margin-top:-3px;transition:all .2s ease;width:40px}.video-tutorial-header h1{color:var(--text-color);font-size:22px;margin:0}.video-tutorial-header p{color:var(--secondary-text);font-size:12px;margin:4px 0 0}.tutorial-actions{display:flex;gap:14px;margin-bottom:24px}.search-box{align-items:center;background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;display:flex;flex:1 1;gap:10px;height:46px;padding:0 14px}.search-box svg{color:var(--secondary-text);font-size:16px}.search-box input{background:#0000;border:none;color:var(--text-color);flex:1 1;font-size:13px;outline:none}.search-box input::placeholder{color:var(--secondary-text);font-size:13px}.tutorial-actions select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--card-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:14px;border:1px solid var(--border-color);border-radius:10px;color:var(--text-color);cursor:pointer;font-size:13px;height:46px;outline:none;padding:0 42px 0 14px;width:50%}.tutorial-actions select:focus{border-color:var(--primary)}.tutorial-skeleton{background:var(--card-bg);overflow:hidden}.tutorial-skeleton .thumbnail{border-radius:14px 14px 0 0;height:220px;width:100%}.tutorial-title{height:18px;margin-bottom:14px;width:75%}.tutorial-desc{height:12px;margin-bottom:10px;width:100%}.tutorial-desc.short{width:70%}.skeleton-block,.skeleton-line{background:var(--hover-bg);overflow:hidden;position:relative}.dark .skeleton-block,.dark .skeleton-line{background:#273142}.skeleton-block:after,.skeleton-line:after{animation:tutorialShimmer 1.5s infinite;background:linear-gradient(90deg,#0000,var(--skeleton-shimmer),#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}.dark .skeleton-block:after,.dark .skeleton-line:after{background:linear-gradient(90deg,#0000,#ffffff14,#0000)}@keyframes tutorialShimmer{to{transform:translateX(100%)}}.tutorial-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tutorial-grid .no-tutorials{grid-column:1/-1;min-height:400px;width:100%}.no-tutorials,.tutorial-grid .no-tutorials{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.no-tutorials{animation:fadeIn .3s ease;padding:40px 24px}.no-tutorials-icon{align-items:center;background:var(--hover-bg);border-radius:50%;display:flex;font-size:34px;height:78px;justify-content:center;margin-bottom:18px;width:78px}.no-tutorials h3{color:var(--text-color);font-size:22px;font-weight:700;margin:0 0 10px}.no-tutorials p{color:var(--secondary-text);font-size:14px;line-height:1.6;margin:0;max-width:420px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.no-tutorials{border-radius:18px;min-height:250px;padding:28px 18px}.no-tutorials-icon{font-size:28px;height:62px;width:62px}.no-tutorials h3{font-size:18px}.no-tutorials p{font-size:13px}}.tutorial-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow);cursor:pointer;overflow:hidden;transition:all .2s ease}.tutorial-card:hover{transform:translateY(-3px)}.thumbnail{background:var(--hover-bg);height:160px;overflow:hidden;position:relative}.thumbnail img,.thumbnail-image{display:block;height:100%;object-fit:cover;width:100%}.play-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:55px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:55px;z-index:10}.play-btn:hover{transform:translate(-50%,-50%) scale(1.08)}.thumbnail span{background:#0f172ae6;border-radius:8px;bottom:12px;color:#fff;font-size:11px;padding:5px 8px;position:absolute;right:12px;z-index:10}.card-content{padding:18px}.card-content h3{color:var(--text-color);font-size:14px;margin:0 0 8px}.card-content p{color:var(--secondary-text);font-size:12px;line-height:1.5;margin:0}.tutorial-footer{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow);justify-content:space-between;margin-top:24px;padding:20px}.footer-left,.tutorial-footer{align-items:center;display:flex}.footer-left{gap:16px}.icon-box{align-items:center;background:var(--hover-bg);border-radius:50%;color:var(--primary);display:flex;font-size:22px;height:50px;justify-content:center;width:50px}.tutorial-footer h3{color:var(--text-color);font-size:14px;margin:0 0 6px}.tutorial-footer p{color:var(--secondary-text);font-size:12px;margin:0}.tutorial-footer button{align-items:center;background:linear-gradient(135deg,var(--primary),#9333ea);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:12px 18px}.tutorial-footer button:hover{opacity:.9}@media (max-width:768px){.search-box,.tutorial-actions select{border-radius:10px;height:48px;min-height:48px}.search-box{align-items:center;background:var(--input-bg);border:1px solid var(--border-color);display:flex;gap:10px;padding:0 12px;width:100%}.search-box svg{color:var(--secondary-text);flex-shrink:0;font-size:18px}.search-box input{color:var(--text-color);font-size:16px;height:48px;width:100%}.search-box input::placeholder{color:var(--secondary-text);font-size:13px}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.tutorial-actions{flex-direction:column}.tutorial-actions select{width:100%}.tutorial-skeleton .thumbnail{height:160px}.tutorial-title{height:14px}.tutorial-desc{height:10px}.tutorial-footer{align-items:flex-start;flex-direction:column;gap:14px}.footer-left{align-items:flex-start;flex-direction:row}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-color);font-family:inherit;font-size:15px;line-height:1.6;transition:background .3s ease,color .3s ease}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}.landing{background:var(--bg-color);color:var(--text-color);padding-top:-65px;width:100%}.navbar{background:var(--topbar-bg);border-bottom:1px solid var(--border-color);height:74px;justify-content:space-between;padding:0 7%;position:-webkit-sticky;position:sticky;top:0;transition:background .3s ease,border-color .3s ease;z-index:100}.logo,.navbar{align-items:center;display:flex}.logo{cursor:pointer;gap:10px;-webkit-user-select:none;user-select:none}.logo img{display:block;height:52px;object-fit:contain;transition:transform .3s ease;width:auto}.logo img:hover{transform:scale(1.03)}.nav-links{color:var(--secondary-text);font-size:14px;font-weight:500;gap:32px;list-style:none}.nav-links,.nav-links li{align-items:center;display:flex}.nav-links li{cursor:pointer;gap:6px;transition:.3s ease}.nav-links li:hover{color:var(--primary)}.nav-buttons{align-items:center;display:flex;gap:12px}.landing-login-btn{background:#0000;border:none;color:var(--text-color);font-size:14px;font-weight:600;transition:color .3s ease}.landing-login-btn:hover{color:var(--primary)}.signup-btn{background:var(--primary);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;padding:12px 22px;transition:all .3s ease}.signup-btn:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.mobile-menu-btn{background:none;border:none;color:var(--text-color);cursor:pointer;display:none;font-size:30px}.mobile-overlay{background:#00000073;inset:0;opacity:0;position:fixed;transition:.3s;visibility:hidden;z-index:998}.mobile-overlay.show{opacity:1;visibility:visible}.mobile-sidebar{background:var(--card-bg);display:flex;flex-direction:column;height:100vh;padding:30px;position:fixed;right:-320px;top:0;transition:.35s;width:300px;z-index:999}.mobile-sidebar.open{right:0}.mobile-close{align-self:flex-end;background:none;border:none;color:var(--text-color);cursor:pointer;font-size:30px;margin-bottom:40px}.mobile-nav-links{display:flex;flex-direction:column;gap:25px;list-style:none;margin:0;padding:0}.mobile-nav-links li{color:var(--text-color);cursor:pointer;font-size:18px;font-weight:600}.mobile-sidebar-buttons{display:flex;flex-direction:column;gap:15px;margin-top:60px}.mobile-login-button{background:#0000;border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:600;padding:12px 22px;transition:all .3s ease}.mobile-sidebar-buttons button{width:100%}@media(max-width:768px){.nav-buttons,.nav-links{display:none}.mobile-menu-btn{display:block}.navbar{justify-content:space-between}}.hero{grid-gap:60px;align-items:center;background:var(--bg-color);display:grid;gap:60px;grid-template-columns:1fr 1fr;padding:60px 7%}.hero-content{position:relative;z-index:2}.hero-badge{align-items:center;background:var(--primary-soft);border-radius:999px;color:var(--primary);display:inline-flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;margin-bottom:22px;padding:8px 16px}.hero h1{color:var(--text-color);font-size:52px;font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:20px}.hero h1 span{color:var(--primary)}.hero p{color:var(--secondary-text);font-size:17px;line-height:1.7;margin-bottom:36px;max-width:560px}.hero-buttons{display:flex;gap:16px;margin-bottom:40px}.primary-btn,.secondary-btn{align-items:center;border-radius:10px;display:inline-flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:15px 24px;transition:transform .3s ease,background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.primary-btn{background:var(--primary);border:none;color:#fff}.primary-btn:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.secondary-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color)}.secondary-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.hero-stats{display:flex;gap:40px}.stat{gap:14px}.stat,.stat .icon{align-items:center;display:flex}.stat .icon{background:var(--primary-soft);border-radius:12px;color:var(--primary);font-size:20px;height:48px;justify-content:center;width:48px}.stat h3{color:var(--text-color);font-size:22px;font-weight:700;margin-bottom:2px}.stat p{color:var(--secondary-text);font-size:14px;line-height:1.5;margin:0}.dashboard-wrapper,.hero-image{position:relative}.dashboard-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow);overflow:hidden;padding:16px;transition:transform .35s ease,box-shadow .35s ease,background .3s ease,border-color .3s ease}.dashboard-card:hover{box-shadow:0 20px 45px #00000026;transform:translateY(-6px)}.dashboard-card img{border-radius:12px;display:block;width:100%}@media (max-width:768px){.navbar{height:68px;padding:0 20px}.logo img{height:46px}.nav-links{display:none}.nav-buttons{gap:10px}.landing-login-btn,.signup-btn{font-size:14px}.signup-btn{padding:10px 18px}}@media (max-width:1100px){.hero{gap:50px;grid-template-columns:1fr}.hero h1{font-size:44px}.hero-content{text-align:center}.hero p{margin-left:auto;margin-right:auto}.hero-buttons,.hero-stats{justify-content:center}.dashboard-card{margin:auto;max-width:760px}}@media (max-width:768px){.hero{gap:40px;padding:40px 20px}.hero h1{font-size:36px;line-height:1.15}.hero p{font-size:15px}.hero-buttons{flex-direction:column}.primary-btn,.secondary-btn{width:100%}.hero-stats{align-items:flex-start;flex-direction:column;gap:20px}.dashboard-card{border-radius:18px;padding:12px}}.landing-services{background:var(--bg-color);padding:110px 8%}.landing-services-header{margin:0 auto 70px;max-width:760px;text-align:center}.landing-services-badge{align-items:center;background:var(--primary-soft);border-radius:999px;color:var(--primary);display:inline-flex;font-size:13px;font-weight:700;justify-content:center;margin-bottom:18px;padding:8px 18px}.landing-services-header h2{color:var(--text-color);font-size:48px;font-weight:800;line-height:1.15;margin-bottom:18px}.landing-services-header p{color:var(--secondary-text);font-size:17px;line-height:1.8;margin:0 auto;max-width:700px}.landing-services-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1100px}.landing-service-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:42px;transition:all .35s ease}.landing-service-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-8px)}.landing-service-icon{align-items:center;background:var(--primary-soft);border-radius:18px;color:var(--primary);display:flex;font-size:32px;height:72px;justify-content:center;margin-bottom:24px;width:72px}.landing-service-icon-purple{background:var(--danger-soft);color:var(--danger)}.landing-service-card h3{color:var(--text-color);font-size:30px;font-weight:700;line-height:1.3;margin-bottom:18px}.landing-service-card p{color:var(--secondary-text);font-size:16px;line-height:1.8}@media (max-width:1024px){.landing-services{padding:90px 6%}.landing-services-header{margin-bottom:60px}.landing-services-header h2{font-size:40px}.landing-services-grid{gap:24px}.landing-service-card{padding:34px}.landing-service-card h3{font-size:26px}}@media (max-width:768px){.landing-services{padding:80px 5%}.landing-services-header{margin-bottom:50px}.landing-services-header h2{font-size:34px}.landing-services-header p{font-size:15px}.landing-services-grid{gap:22px;grid-template-columns:1fr}.landing-service-card{padding:30px}.landing-service-icon{font-size:28px;height:64px;margin-bottom:20px;width:64px}.landing-service-card h3{font-size:24px;margin-bottom:14px}.landing-service-card p{font-size:15px}}@media (max-width:480px){.landing-services{padding:70px 20px}.landing-services-header{margin-bottom:40px}.landing-services-badge{font-size:12px;padding:7px 16px}.landing-services-header h2{font-size:28px}.landing-services-header p{font-size:14px;line-height:1.7}.landing-services-grid{gap:18px}.landing-service-card{border-radius:20px;padding:24px}.landing-service-icon{border-radius:16px;font-size:24px;height:58px;margin-bottom:18px;width:58px}.landing-service-card h3{font-size:22px}.landing-service-card p{font-size:14px;line-height:1.7}}@media (max-width:360px){.landing-services{padding:60px 16px}.landing-services-header h2{font-size:24px}.landing-service-card{padding:20px}.landing-service-icon{font-size:22px;height:52px;width:52px}.landing-service-card h3{font-size:20px}.landing-service-card p{font-size:13px}}.why-realsms{background:var(--bg-color);margin:90px auto;max-width:1400px;padding:0 30px}.why-header{margin:0 auto 55px;max-width:720px;text-align:center}.why-badge{align-items:center;background:var(--primary-soft);border-radius:999px;color:var(--primary);display:inline-flex;font-size:13px;font-weight:700;justify-content:center;margin-bottom:18px;padding:8px 16px}.why-header h2{color:var(--text-color);font-size:42px;font-weight:800;line-height:1.15;margin-bottom:16px}.why-header p{color:var(--secondary-text);font-size:16px;line-height:1.7}.why-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}.why-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;box-shadow:var(--shadow);padding:30px 24px;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease}.why-card:hover{border-color:var(--primary);box-shadow:0 20px 45px #0000001f;transform:translateY(-8px)}.why-icon{align-items:center;background:var(--primary-soft);border-radius:16px;color:var(--primary);display:flex;font-size:26px;height:58px;justify-content:center;margin-bottom:20px;transition:.3s ease;width:58px}.why-card:hover .why-icon{transform:scale(1.08)}.why-card h3{color:var(--text-color);font-size:20px;font-weight:700;margin-bottom:12px}.why-card p{color:var(--secondary-text);font-size:15px;line-height:1.7}@media (max-width:1100px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.why-realsms{margin:70px auto;padding:0 20px}.why-header{margin-bottom:40px}.why-header h2{font-size:32px}.why-header p{font-size:15px}.why-grid{gap:18px;grid-template-columns:1fr}.why-card{border-radius:16px;padding:24px 20px}.why-icon{border-radius:14px;font-size:22px;height:52px;width:52px}.why-card h3{font-size:18px}.why-card p{font-size:14px}}.how-section{background:var(--bg-color);padding:90px 7%;transition:background .3s ease}.section-title{margin:0 auto 60px;max-width:720px;text-align:center}.section-title span{align-items:center;background:var(--primary-soft);border-radius:999px;color:var(--primary);display:inline-flex;font-size:13px;font-weight:700;justify-content:center;margin-bottom:18px;padding:8px 18px}.section-title h2{color:var(--text-color);font-size:44px;font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:18px}.section-title p{color:var(--secondary-text);font-size:16px;line-height:1.7}.steps{align-items:flex-start;display:flex;gap:24px;justify-content:center}.step{background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;box-shadow:var(--shadow);flex:1 1;padding:34px 28px;text-align:center;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease}.step:hover{border-color:var(--primary);box-shadow:0 20px 45px #0000001f;transform:translateY(-8px)}.step-number{align-items:center;background:var(--primary);border-radius:18px;color:#fff;display:flex;font-size:22px;font-weight:700;height:64px;justify-content:center;margin:0 auto 20px;transition:transform .3s ease;width:64px}.step:hover .step-number{transform:scale(1.08)}.step h3{color:var(--text-color);font-size:22px;font-weight:700;margin-bottom:14px}.step p{color:var(--secondary-text);font-size:15px;line-height:1.7}.step-line{background:var(--primary-soft);border-radius:999px;height:2px;margin-top:72px;width:60px}.features{grid-gap:28px;background:var(--bg-color);display:grid;gap:28px;grid-template-columns:repeat(2,1fr);padding:90px 7%}.feature-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;padding:40px;position:relative;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.feature-card:hover{border-color:var(--primary);box-shadow:0 24px 50px #0000001f;transform:translateY(-8px)}.feature-card h2{color:var(--text-color);font-size:34px;font-weight:800;margin-bottom:16px}.feature-card p{color:var(--secondary-text);line-height:1.8;margin-bottom:30px}.feature-card ul{display:flex;flex-direction:column;gap:18px;list-style:none}.feature-card li{align-items:center;color:var(--text-color);display:flex;font-size:16px;font-weight:500;gap:14px}.feature-card li .icon,.feature-card li svg{color:var(--primary)}.feature-graphic{bottom:0;height:340px;position:absolute;right:0;width:340px}.globe{background:radial-gradient(circle,var(--primary-soft),#0000 70%);border-radius:50%;bottom:-70px;height:330px;position:absolute;right:-70px;width:330px}.apps-preview{bottom:30px;display:flex;flex-wrap:wrap;gap:12px;max-width:220px;position:absolute;right:40px}.app-pill{background:var(--card-bg);border:1px solid var(--border-color);border-radius:999px;box-shadow:var(--shadow);color:var(--text-color);font-size:13px;font-weight:600;padding:10px 14px}@media (max-width:1100px){.steps{flex-direction:column}.step-line{display:none}.features{grid-template-columns:1fr}.feature-card{min-height:auto;padding-bottom:220px}.feature-graphic{height:300px;margin-top:30px;position:relative;width:100%}.apps-preview{bottom:auto;margin:40px auto 0;position:relative;right:auto}}@media (max-width:768px){.how-section{padding:70px 20px}.section-title{margin-bottom:45px}.section-title h2{font-size:34px}.section-title p{font-size:15px}.step{border-radius:16px;padding:28px 22px}.step-number{border-radius:16px;height:56px;width:56px}.step h3,.step-number{font-size:20px}.step p{font-size:14px}.features{padding:70px 20px}.feature-card{border-radius:18px;padding:24px}.feature-card h2{font-size:28px}.feature-card li{font-size:15px}.globe{bottom:-70px;height:260px;right:-60px;width:260px}.apps-preview{justify-content:center;max-width:100%}}.cta{align-items:center;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 75%,#fff));border-radius:24px;box-shadow:var(--shadow);color:#fff;display:flex;gap:50px;justify-content:space-between;margin:90px 7%;overflow:hidden;padding:70px;position:relative;transition:background .3s ease,transform .3s ease}.cta-content{max-width:620px;position:relative;z-index:2}.cta-badge{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff24;border-radius:999px;color:#fff;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;margin-bottom:20px;padding:8px 16px}.cta h2{color:#fff;font-size:46px;font-weight:800;line-height:1.15;margin-bottom:18px}.cta p{color:#ffffffeb;font-size:16px;line-height:1.8;margin-bottom:35px;max-width:520px}.cta-buttons{align-items:center;display:flex;gap:16px}.cta .primary-btn{background:#fff;border:none;color:var(--primary)}.cta .primary-btn:hover{box-shadow:0 18px 40px #0000002e;transform:translateY(-3px)}.cta .secondary-btn{background:#0000;border:1px solid #ffffff47;color:#fff}.cta .secondary-btn:hover{background:#ffffff14;border-color:#ffffff80;color:#fff}.cta-decoration{height:380px;pointer-events:none;position:absolute;right:-80px;top:-40px;width:380px}.circle{background:#ffffff14;border-radius:50%;position:absolute}.circle.one{bottom:0;height:360px;right:0;width:360px}.circle.two{height:220px;left:50px;top:35px;width:220px}.circle.three{bottom:50px;height:100px;left:120px;width:100px}@media (max-width:1100px){.cta{flex-direction:column;padding:55px 35px;text-align:center}.cta-content{max-width:100%}.cta p{margin-left:auto;margin-right:auto}.cta-buttons{flex-wrap:wrap;justify-content:center}.cta h2{font-size:38px}.cta-decoration{display:none}}@media (max-width:768px){.cta{border-radius:18px;margin:70px 20px;padding:40px 24px}.cta-badge{font-size:12px}.cta h2{font-size:30px}.cta p{font-size:15px}.cta-buttons{flex-direction:column}.cta-buttons .primary-btn,.cta-buttons .secondary-btn{justify-content:center;width:100%}}.footer{background:var(--bg-color);border-top:1px solid var(--border-color);color:var(--text-color);margin-top:100px;padding:80px 7% 30px;transition:background .3s ease,border-color .3s ease,color .3s ease;width:100%}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr 2fr;margin-bottom:55px}.footer-brand p{color:var(--secondary-text);font-size:14px;line-height:1.8;margin-top:18px;max-width:320px}.footer h4{color:var(--text-color);font-size:16px;font-weight:700;margin-bottom:18px}.footer ul{display:flex;flex-direction:column;gap:14px;list-style:none}.footer li{color:var(--secondary-text);font-size:14px;transition:.25s ease}.footer li:hover{color:var(--primary);padding-left:5px}.social-icons{display:flex;gap:12px;margin-top:28px}.social-icons a{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-color);display:flex;height:40px;justify-content:center;transition:.3s ease;width:40px}.social-icons a:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-4px)}.newsletter{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;margin-top:20px;overflow:hidden}.newsletter input{background:#0000;border:none;color:var(--text-color);flex:1 1;font-size:14px;outline:none;padding:12px 14px}.newsletter input::placeholder{color:var(--secondary-text)}.newsletter button{background:var(--primary);border:none;color:#fff;font-size:14px;font-weight:600;padding:12px 18px;transition:.3s ease}.newsletter button:hover{filter:brightness(1.05)}.footer-bottom{align-items:center;border-top:1px solid var(--border-color);color:var(--secondary-text);display:flex;font-size:13px;justify-content:space-between;margin-top:50px;padding-top:28px}@media (max-width:1100px){.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:12px;text-align:center}}@media (max-width:768px){.footer{padding:60px 20px 25px}.footer-grid{gap:30px;grid-template-columns:1fr}.footer h4,.footer-brand{text-align:left}.footer ul{align-items:flex-start}.social-icons{justify-content:flex-start}.newsletter{background:#0000;flex-direction:column;gap:10px;padding:0}.newsletter input{background:var(--footer-card);border:1px solid var(--border-color)}.newsletter button,.newsletter input{border-radius:10px;width:100%}.footer-bottom{flex-direction:column;font-size:12px;gap:12px;text-align:center}}.notfound-page{align-items:center;background:var(--bg-color);display:flex;justify-content:center;min-height:100vh;padding:20px}.notfound-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow);max-width:430px;padding:28px 24px;text-align:center;width:100%}.notfound-icon{color:var(--primary);font-size:52px;margin-bottom:14px}.notfound-card h1{color:var(--text-color);font-size:48px;font-weight:800;margin-bottom:6px}.notfound-card h2{color:var(--text-color);font-size:20px;font-weight:700;margin-bottom:10px}.notfound-card p{color:var(--secondary-text);font-size:13px;line-height:1.7;margin-bottom:22px}.notfound-btn{align-items:center;background:var(--primary);border:none;border-radius:12px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px;text-decoration:none;transition:.3s;width:100%}.notfound-btn:hover{opacity:.9}@media (max-width:768px){.notfound-page{padding:16px}.notfound-card{border-radius:12px;padding:22px 18px}.notfound-icon{font-size:44px}.notfound-card h1{font-size:40px}.notfound-card h2{font-size:18px}.notfound-card p{font-size:12px}.notfound-btn{border-radius:10px;font-size:13px;padding:13px}}
/*# sourceMappingURL=main.dc826104.css.map*/