@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.panel-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.panel-overlay{position:fixed;inset:0;background:#000000b3;opacity:0;visibility:hidden;transition:all .3s ease;z-index:90}.panel-overlay.open{opacity:1;visibility:visible}.panel-sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-color);position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:100;transition:transform .3s ease}.panel-sidebar-header{padding:20px;border-bottom:1px solid var(--border-color)}.panel-sidebar-logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:var(--text-primary)}.panel-sidebar-logo img{width:32px;height:32px}.panel-sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.panel-nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);margin-bottom:4px;transition:all var(--transition)}.panel-nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.panel-nav-link.active{color:var(--accent-light);background:#3b82f61a}.panel-nav-link .emoji{font-size:18px}.panel-sidebar-footer{padding:16px;border-top:1px solid var(--border-color)}.panel-user-info{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:12px}.panel-user-avatar{width:40px;height:40px;background:var(--accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:18px}.panel-user-details{flex:1}.panel-user-name{display:block;font-size:14px;font-weight:600;color:var(--text-primary)}.panel-user-balance{display:block;font-size:13px;color:var(--accent-light)}.panel-logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;font-size:14px;color:var(--text-tertiary);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}.panel-logout-btn:hover{color:#ef4444;border-color:#ef4444;background:#ef44441a}.panel-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}.panel-topbar{display:none;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50}.panel-menu-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-secondary);background:var(--bg-tertiary);border:none;border-radius:var(--radius-md);cursor:pointer}.panel-mobile-logo img{width:32px;height:32px}.panel-balance-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:500;color:var(--accent-light);background:#3b82f61a;border-radius:var(--radius-md)}.panel-content{flex:1;padding:32px}.panel-page{max-width:1200px;margin:0 auto}.panel-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-tertiary);margin-bottom:16px}.panel-breadcrumb a{color:var(--text-secondary);transition:color var(--transition)}.panel-breadcrumb a:hover{color:var(--accent-light)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:32px}.panel-header h1{font-size:28px;font-weight:700;margin-bottom:8px}.panel-header p{font-size:14px;color:var(--text-tertiary)}.panel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;color:var(--text-tertiary)}.panel-error{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#f87171;font-size:14px;margin-bottom:20px}.panel-success{padding:12px 16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);color:#4ade80;font-size:14px;margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:22px}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary)}.stat-label{font-size:13px;color:var(--text-tertiary)}.panel-section{margin-bottom:32px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header h2{font-size:18px;font-weight:600}.empty-state{text-align:center;padding:60px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.empty-state h3{font-size:18px;font-weight:600;margin:16px 0 8px}.empty-state p{font-size:14px;color:var(--text-tertiary);margin-bottom:20px}.filter-tabs{display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color);overflow-x:auto}.filter-tab{padding:8px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all var(--transition)}.filter-tab:hover{color:var(--text-primary);border-color:var(--border-color-hover)}.filter-tab.active{color:var(--accent-light);background:#3b82f61a;border-color:var(--accent)}.services-list{display:flex;flex-direction:column;gap:12px}.service-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition)}.service-card:hover{border-color:var(--border-color-hover)}.service-main{display:flex;align-items:center;gap:16px}.service-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:22px}.service-info h4{font-size:15px;font-weight:600;margin-bottom:4px}.service-info p{font-size:13px;color:var(--text-tertiary)}.service-meta{display:flex;align-items:center;gap:16px}.service-expires{font-size:13px;color:var(--text-tertiary)}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.service-card-large{display:block;padding:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition)}.service-card-large:hover{border-color:var(--border-color-hover)}.service-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.service-icon-large{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:24px}.service-card-large h3{font-size:17px;font-weight:600;margin-bottom:4px}.service-tariff{font-size:14px;color:var(--text-tertiary);margin-bottom:16px}.service-specs{display:flex;gap:16px;margin-bottom:16px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.service-specs .spec{display:flex;flex-direction:column;gap:2px}.service-specs .spec-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase}.service-specs .spec-value{font-size:14px;font-weight:600;color:var(--text-primary)}.service-footer{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text-tertiary)}.status-badge{display:inline-block;padding:4px 10px;font-size:12px;font-weight:600;border-radius:100px}.status-active{background:#22c55e26;color:#4ade80}.status-pending{background:#f59e0b26;color:#fbbf24}.status-suspended{background:#ef444426;color:#f87171}.status-expired{background:#6b728026;color:#9ca3af}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}.action-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:14px;font-weight:500;color:var(--text-secondary);text-align:center;transition:all var(--transition)}.action-card:hover{color:var(--text-primary);border-color:var(--border-color-hover)}.action-card .emoji{font-size:28px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.detail-card{padding:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:20px}.detail-card h3{font-size:16px;font-weight:600;margin-bottom:20px}.detail-list{display:flex;flex-direction:column;gap:16px}.detail-item{display:flex;align-items:center;justify-content:space-between}.detail-label{font-size:14px;color:var(--text-tertiary)}.detail-value{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.copy-btn{padding:4px 8px;font-size:14px;color:var(--text-tertiary);background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.copy-btn:hover{color:var(--text-primary)}.specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.spec-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.spec-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:18px}.spec-info{display:flex;flex-direction:column}.spec-info .spec-value{font-size:15px;font-weight:600}.spec-info .spec-label{font-size:12px;color:var(--text-tertiary)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.action-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-color-hover)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn-primary{background:#3b82f61a;border-color:var(--accent);color:var(--accent-light)}.action-btn .emoji{font-size:22px}.credentials-card{background:#3b82f60d;border-color:#3b82f633}.credentials{display:flex;flex-direction:column;gap:12px}.credential-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:var(--radius-md)}.credential-label{min-width:60px;font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase}.credential-item code{flex:1;font-family:JetBrains Mono,monospace;font-size:14px;color:var(--text-primary)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:200}.modal{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.modal-large{max-width:560px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:18px;font-weight:600}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.modal-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.modal-body{padding:24px}.modal-body p{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color)}.modal-footer .btn{flex:1}.renew-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.renew-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}.renew-option:hover{border-color:var(--border-color-hover)}.renew-option.active{background:#3b82f61a;border-color:var(--accent)}.renew-months{font-size:16px;font-weight:600}.renew-price{font-size:14px;color:var(--text-tertiary)}.balance-card{display:flex;align-items:center;justify-content:space-between;padding:24px;background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-lg);margin-bottom:32px}.balance-info{display:flex;flex-direction:column;gap:4px}.balance-label{font-size:14px;color:var(--text-tertiary)}.balance-value{font-size:32px;font-weight:700;color:var(--accent-light)}.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.amount-option{padding:14px;font-size:15px;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}.amount-option:hover{border-color:var(--border-color-hover)}.amount-option.active{color:var(--accent-light);background:#3b82f61a;border-color:var(--accent)}.table-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:14px 20px;text-align:left;font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.data-table td{padding:16px 20px;font-size:14px;border-bottom:1px solid var(--border-color)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-tertiary)}.amount-positive{color:#4ade80}.amount-negative{color:#f87171}.profile-grid{display:grid;grid-template-columns:300px 1fr;gap:24px}.profile-card{padding:32px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center}.profile-avatar{width:80px;height:80px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:var(--accent);border-radius:var(--radius-lg)}.profile-card h3{font-size:20px;font-weight:600;margin-bottom:4px}.profile-email{font-size:14px;color:var(--text-tertiary);margin-bottom:20px}.profile-meta{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1px solid var(--border-color)}.meta-item{display:flex;justify-content:space-between;font-size:14px}.meta-label{color:var(--text-tertiary)}.meta-value{font-weight:500}.settings-section{display:flex;flex-direction:column;gap:20px}.danger-zone{border-color:#ef44444d}.danger-zone h3{color:#f87171}.btn-danger{background:transparent;border:1px solid rgba(239,68,68,.5);color:#f87171}.btn-danger:hover{background:#ef44441a;border-color:#f87171}.tickets-list{display:flex;flex-direction:column;gap:12px}.ticket-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition)}.ticket-card:hover{border-color:var(--border-color-hover)}.ticket-main{display:flex;align-items:center;gap:16px}.ticket-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:20px}.ticket-info h4{font-size:15px;font-weight:600;margin-bottom:4px}.ticket-info p{font-size:13px;color:var(--text-tertiary);max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-meta{display:flex;align-items:center;gap:16px}.ticket-date{font-size:13px;color:var(--text-tertiary)}.ticket-detail-page{display:flex;flex-direction:column;height:calc(100vh - 150px)}.ticket-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color);margin-bottom:20px}.ticket-header-info h1{font-size:22px;font-weight:700;margin-bottom:8px}.ticket-header-meta{display:flex;align-items:center;gap:12px}.ticket-created{font-size:13px;color:var(--text-tertiary)}.messages-container{flex:1;overflow-y:auto;margin-bottom:20px}.empty-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:var(--text-tertiary)}.empty-messages .emoji{font-size:48px;margin-bottom:12px}.messages-list{display:flex;flex-direction:column;gap:16px}.message{display:flex;gap:12px;max-width:80%}.message-user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:18px;flex-shrink:0}.message-admin .message-avatar{background:#3b82f633}.message-content{flex:1}.message-header{display:flex;align-items:center;gap:12px;margin-bottom:6px}.message-author{font-size:13px;font-weight:600}.message-time{font-size:12px;color:var(--text-tertiary)}.message-text{padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:14px;line-height:1.6;white-space:pre-wrap}.message-user .message-text{background:#3b82f61a;border-color:#3b82f64d}.message-form{display:flex;gap:12px;padding-top:20px;border-top:1px solid var(--border-color)}.message-form .form-textarea{flex:1;resize:none}.ticket-closed-notice{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:var(--bg-tertiary);border-radius:var(--radius-lg);font-size:14px;color:var(--text-tertiary)}.order-grid{display:grid;grid-template-columns:1fr 360px;gap:24px}.order-main{display:flex;flex-direction:column;gap:24px}.order-section{padding:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.order-section h3{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;margin-bottom:20px}.section-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent);border-radius:50%;font-size:14px;font-weight:700}.tariffs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.tariff-option{padding:20px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all var(--transition)}.tariff-option:hover{border-color:var(--border-color-hover)}.tariff-option.active{background:#3b82f61a;border-color:var(--accent)}.tariff-option h4{font-size:16px;font-weight:600;margin-bottom:8px}.tariff-specs-mini{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tariff-specs-mini span{font-size:12px;color:var(--text-tertiary);padding:2px 8px;background:var(--bg-secondary);border-radius:var(--radius-sm)}.tariff-price{font-size:18px;font-weight:700;color:var(--accent-light)}.locations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.location-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}.location-option:hover{border-color:var(--border-color-hover)}.location-option.active{background:#3b82f61a;border-color:var(--accent)}.location-flag{font-size:24px}.location-city{font-size:14px;font-weight:600}.location-country{font-size:12px;color:var(--text-tertiary)}.os-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.os-option{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}.os-option:hover{border-color:var(--border-color-hover)}.os-option.active{background:#3b82f61a;border-color:var(--accent)}.os-icon{font-size:22px}.os-name{font-size:14px;font-weight:500}.period-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.period-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}.period-option:hover{border-color:var(--border-color-hover)}.period-option.active{background:#3b82f61a;border-color:var(--accent)}.period-months{font-size:16px;font-weight:600}.period-discount{font-size:12px;color:#4ade80;font-weight:600}.order-sidebar{position:sticky;top:32px;align-self:start}.order-summary{padding:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.order-summary h3{font-size:18px;font-weight:600;margin-bottom:20px}.summary-item{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px}.summary-label{color:var(--text-tertiary)}.summary-value{font-weight:500}.summary-specs{padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:16px;font-size:13px;color:var(--text-tertiary)}.summary-specs div{margin-bottom:4px}.summary-divider{height:1px;background:var(--border-color);margin:16px 0}.summary-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:16px;font-weight:600}.total-price{font-size:24px;color:var(--accent-light)}.btn-block{width:100%}.summary-note{font-size:12px;color:var(--text-tertiary);text-align:center;margin-top:12px}.service-title{display:flex;align-items:center;gap:16px}@media(max-width:1024px){.stats-grid,.quick-actions{grid-template-columns:repeat(2,1fr)}.detail-grid,.order-grid{grid-template-columns:1fr}.order-sidebar{position:static}.profile-grid{grid-template-columns:1fr}}@media(max-width:768px){.panel-sidebar{transform:translate(-100%)}.panel-sidebar.open{transform:translate(0)}.panel-main{margin-left:0}.panel-topbar{display:flex}.panel-content{padding:20px}.panel-header{flex-direction:column}.panel-header h1{font-size:24px}.stats-grid,.services-grid{grid-template-columns:1fr}.service-card{flex-direction:column;align-items:flex-start;gap:12px}.service-meta{width:100%;justify-content:space-between}.quick-actions,.specs-grid,.tariffs-grid{grid-template-columns:1fr}.period-grid{grid-template-columns:repeat(2,1fr)}.message{max-width:100%}.ticket-info p{max-width:200px}.amount-grid{grid-template-columns:repeat(2,1fr)}}.hero{padding:100px 0 60px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse,var(--accent-glow) 0%,transparent 70%);pointer-events:none}.hero-content{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:100px;font-size:13px;color:var(--text-secondary);margin-bottom:32px}.hero-badge span{color:var(--accent-light)}.hero h1{font-size:clamp(40px,8vw,72px);font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-2px}.hero h1 .gradient{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(16px,2.5vw,20px);color:var(--text-secondary);max-width:600px;margin:0 auto 40px;line-height:1.7}.hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.features{padding:40px 0 80px}.features-header{text-align:center;margin-bottom:48px}.features-header h2{font-size:32px;font-weight:700;margin-bottom:12px}.features-header p{color:var(--text-secondary);font-size:16px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px;transition:all var(--transition)}.feature-card:hover{border-color:var(--border-color-hover);transform:translateY(-4px)}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-glow);border-radius:var(--radius-md);font-size:22px;margin-bottom:20px}.feature-card h3{font-size:16px;font-weight:600;margin-bottom:8px}.feature-card p{font-size:14px;color:var(--text-tertiary);line-height:1.6}@media(max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.features-grid{grid-template-columns:1fr}}.tariffs{padding:80px 0;background:var(--bg-secondary)}.tariffs-header{text-align:center;margin-bottom:48px}.tariffs-header h2{font-size:32px;font-weight:700;margin-bottom:12px}.tariffs-header p{color:var(--text-secondary);font-size:16px}.tariffs-stats{display:flex;align-items:center;justify-content:center;gap:48px;margin-bottom:48px}.tariff-stat{text-align:center}.tariff-stat-value{font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.tariff-stat-label{font-size:14px;color:var(--text-tertiary)}.tariffs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.tariff-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:32px 24px;transition:all var(--transition);position:relative}.tariff-card:hover{border-color:var(--accent);transform:translateY(-4px)}.tariff-card.popular{border-color:var(--accent)}.tariff-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 14px;background:var(--gradient);border-radius:100px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tariff-name{font-size:20px;font-weight:700;margin-bottom:8px}.tariff-price{margin-bottom:24px}.tariff-price-value{font-size:36px;font-weight:700}.tariff-price-period{font-size:14px;color:var(--text-tertiary)}.tariff-specs{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.tariff-spec{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary)}.tariff-spec-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:14px}.tariff-spec-value{font-weight:600;color:var(--text-primary)}.tariff-features{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.tariff-feature{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-tertiary)}.tariff-feature svg{width:16px;height:16px;color:var(--success);flex-shrink:0}.tariff-card .btn{width:100%}@media(max-width:1100px){.tariffs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.tariffs-grid{grid-template-columns:1fr}.tariffs-stats{flex-direction:column;gap:24px}}.info-section{padding:80px 0}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px}.info-card h3{font-size:16px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:10px}.info-card p,.info-card ul{font-size:14px;color:var(--text-tertiary);line-height:1.7}.info-card ul{list-style:none;display:flex;flex-direction:column;gap:8px}.info-card li{display:flex;align-items:center;gap:8px}.info-card li:before{content:"•";color:var(--accent-light)}@media(max-width:900px){.info-grid{grid-template-columns:1fr}}.auth-page{min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center;padding:40px 24px}.auth-container{width:100%;max-width:420px}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:40px}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{display:flex;align-items:center;justify-content:center;gap:10px;font-size:20px;font-weight:700;margin-bottom:24px}.auth-logo img{width:40px;height:40px;border-radius:10px}.auth-header h1{font-size:24px;font-weight:700;margin-bottom:8px}.auth-header p{font-size:14px;color:var(--text-tertiary)}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);transition:all var(--transition)}.form-input:focus{outline:none;border-color:var(--accent);background:var(--bg-secondary)}.form-input::placeholder{color:var(--text-tertiary)}.form-checkbox{display:flex;align-items:flex-start;gap:12px}.form-checkbox input{width:18px;height:18px;margin-top:2px;accent-color:var(--accent);cursor:pointer}.form-checkbox label{font-size:13px;color:var(--text-tertiary);line-height:1.5}.form-checkbox a{color:var(--accent-light)}.form-checkbox a:hover{text-decoration:underline}.auth-form .btn{width:100%;margin-top:8px}.auth-error{padding:14px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);font-size:13px;color:#f87171}.auth-success{padding:14px 16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-md);font-size:13px;color:#4ade80}.auth-footer{text-align:center;margin-top:24px;font-size:14px;color:var(--text-tertiary)}.auth-footer a{color:var(--accent-light);font-weight:500}.auth-footer a:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-divider span{font-size:12px;color:var(--text-tertiary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:480px){.auth-card{padding:28px 20px}.form-row{grid-template-columns:1fr}}.legal-page{padding:80px 0}.legal-container{max-width:800px;margin:0 auto}.legal-header{margin-bottom:48px;text-align:center}.legal-header h1{font-size:36px;font-weight:700;margin-bottom:12px}.legal-header p{color:var(--text-tertiary);font-size:14px}.legal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:48px}.legal-content h2{font-size:20px;font-weight:600;margin:32px 0 16px;padding-top:24px;border-top:1px solid var(--border-color)}.legal-content h2:first-child{margin-top:0;padding-top:0;border-top:none}.legal-content p{font-size:15px;color:var(--text-secondary);line-height:1.8;margin-bottom:16px}.legal-content ul,.legal-content ol{margin:16px 0;padding-left:24px}.legal-content li{font-size:15px;color:var(--text-secondary);line-height:1.8;margin-bottom:8px}.legal-content strong{color:var(--text-primary);font-weight:600}.legal-content a{color:var(--accent-light)}.legal-content a:hover{text-decoration:underline}@media(max-width:768px){.legal-content{padding:32px 24px}.legal-header h1{font-size:28px}}:root{--bg-primary: #06060a;--bg-secondary: #0c0c12;--bg-tertiary: #12121a;--bg-card: #0f0f16;--bg-card-hover: #141420;--border-color: rgba(255, 255, 255, .06);--border-color-hover: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .4);--accent: #3b82f6;--accent-light: #60a5fa;--accent-dark: #2563eb;--accent-glow: rgba(59, 130, 246, .15);--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--gradient: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--transition: .2s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media(max-width:768px){.container{padding:0 16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition);white-space:nowrap}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 20px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #3b82f666}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.btn-sm{padding:8px 16px;font-size:13px}.btn-lg{padding:16px 32px;font-size:15px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;transition:all var(--transition)}.card:hover{border-color:var(--border-color-hover)}.emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Twemoji Mozilla,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}::selection{background:var(--accent);color:#fff}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:#06060acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.header-logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:var(--text-primary)}.header-logo img{width:36px;height:36px;border-radius:10px}.header-nav{display:flex;align-items:center;gap:8px}.header-nav a{padding:10px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition)}.header-nav a:hover{color:var(--text-primary);background:#ffffff0d}.header-nav a.active{color:var(--accent-light);background:var(--accent-glow)}.header-actions{display:flex;align-items:center;gap:12px}.header-menu-btn{display:none;width:40px;height:40px;align-items:center;justify-content:center;color:var(--text-primary);border-radius:var(--radius-md)}@media(max-width:900px){.header-nav{display:none}.header-menu-btn{display:flex}}.mobile-menu{position:fixed;inset:72px 0 0;background:var(--bg-primary);padding:24px;display:flex;flex-direction:column;gap:8px;z-index:99;transform:translate(100%);transition:transform .3s ease}.mobile-menu.open{transform:translate(0)}.mobile-menu a{padding:16px;font-size:16px;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition)}.mobile-menu a:hover,.mobile-menu a.active{color:var(--text-primary);background:var(--bg-card)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:60px 0 30px;margin-top:80px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-brand{display:flex;flex-direction:column;gap:16px}.footer-logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700}.footer-logo img{width:32px;height:32px;border-radius:8px}.footer-desc{color:var(--text-tertiary);font-size:14px;line-height:1.7;max-width:280px}.footer-section h4{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-links a{font-size:14px;color:var(--text-secondary);transition:color var(--transition)}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--border-color)}.footer-copy{font-size:13px;color:var(--text-tertiary)}.footer-copy a{color:var(--accent-light)}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:span 2}}@media(max-width:600px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:span 1}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}main{padding-top:72px;min-height:100vh}