*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--success:#16a34a;--danger:#dc2626;--warning:#f59e0b;--bg:#f8fafc;--bg-card:#ffffff;--text:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--radius:8px}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}main.container{flex:1}.container{max-width:960px;margin:0 auto;padding:0 20px}.navbar{background:var(--bg-card);border-bottom:1px solid var(--border);padding:12px 0;position:sticky;top:0;z-index:100}.nav-container{display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:700;color:var(--primary);text-decoration:none}.nav-logo__img{width:32px;height:32px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:16px}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:0.9rem}.nav-links a:hover{color:var(--text)}.btn{display:inline-block;padding:10px 20px;border-radius:var(--radius);font-size:0.95rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:background 0.2s,opacity 0.2s;text-align:center}.btn:hover{opacity:0.9}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);opacity:1}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{background:var(--bg)}.btn-sm{padding:6px 14px;font-size:0.85rem}.btn-lg{padding:14px 32px;font-size:1.1rem}.btn-block{display:block;width:100%}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:16px}.card-title{font-size:1.1rem;font-weight:600;margin-bottom:12px}.hero{text-align:center;padding:80px 0 60px}.hero-logo{width:96px;height:96px;object-fit:contain;margin-bottom:16px}.hero h1{font-size:2.5rem;font-weight:800;margin-bottom:12px}.hero-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:40px}.hero-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:40px}.feature{padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.feature h3{font-size:1.1rem;margin-bottom:8px;color:var(--primary)}.feature p{font-size:0.9rem;color:var(--text-muted)}.auth-container{max-width:420px;margin:60px auto}.auth-container h1{font-size:1.5rem;margin-bottom:24px;text-align:center}.divider{display:flex;align-items:center;margin:24px 0;color:var(--text-muted);font-size:0.85rem}.divider::before,.divider::after{content:'';flex:1;border-bottom:1px solid var(--border)}.divider::before{margin-right:12px}.divider::after{margin-left:12px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:0.9rem;font-weight:500;margin-bottom:6px}.form-group input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:0.95rem;outline:none;transition:border-color 0.2s}.form-group input:focus{border-color:var(--primary)}.alert{padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;font-size:0.9rem}.alert-success{background:#f0fdf4;color:var(--success);border:1px solid #bbf7d0}.alert-danger{background:#fef2f2;color:var(--danger);border:1px solid #fecaca}.alert-warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.alert-info{background:#eff6ff;color:var(--primary);border:1px solid #bfdbfe}.dashboard-header{padding:32px 0 16px}.dashboard-header h1{font-size:1.5rem;margin-bottom:4px}.dashboard-header p{color:var(--text-muted)}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:0.8rem;font-weight:600}.status-active{background:#dcfce7;color:var(--success)}.status-expired{background:#fef2f2;color:var(--danger)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:24px 0}.config-list{list-style:none}.config-list li{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.config-list li:last-child{border-bottom:none}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;font-size:0.85rem;color:var(--text-muted);margin-bottom:20px;list-style:none}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--text)}.breadcrumb__sep{color:var(--border)}.instruction-step{margin-bottom:24px}.instruction-step h3{font-size:1rem;margin-bottom:8px}.instruction-step p{font-size:0.95rem;color:var(--text-muted);margin-bottom:12px}.instruction-step img{max-width:100%;border:1px solid var(--border);border-radius:var(--radius)}.instruction-step a{color:var(--primary)}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:32px 0}.platform-card{display:block;padding:32px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;text-decoration:none;color:var(--text);transition:border-color 0.2s}.platform-card:hover{border-color:var(--primary)}.platform-card h3{font-size:1.1rem;margin-bottom:4px}.platform-card p{font-size:0.85rem;color:var(--text-muted)}.telegram-widget{display:flex;justify-content:center;margin:16px 0}.footer{padding:24px 0;text-align:center;color:var(--text-muted);font-size:0.85rem;border-top:1px solid var(--border);margin-top:40px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:spin 0.6s linear infinite;vertical-align:middle;margin-right:6px}.btn-outline .spinner{border-color:rgba(0,0,0,0.15);border-top-color:var(--text)}.btn.btn-loading{pointer-events:none;opacity:0.7}@keyframes spin{to{transform:rotate(360deg)}}.trial-banner{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:var(--radius);padding:24px 28px;margin:0 0 48px}.trial-banner__icon{font-size:2.4rem;flex-shrink:0}.trial-banner__body{flex:1;min-width:0}.trial-banner__title{font-size:1.2rem;font-weight:700;color:var(--primary);margin-bottom:4px}.trial-banner__text{font-size:0.9rem;color:var(--text-muted);line-height:1.5}.section-block{margin:0 0 48px}.section-title{margin-bottom:24px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.feature-card__icon{font-size:1.8rem;margin-bottom:10px}.feature-card h3{font-size:1rem;font-weight:600;margin-bottom:6px}.feature-card p{font-size:0.875rem;color:var(--text-muted);line-height:1.5}@media (max-width:720px){.features-grid{grid-template-columns:1fr}.trial-banner{flex-direction:column;text-align:center;gap:16px}}@media (max-width:600px){.hero h1{font-size:1.8rem}.hero-features{grid-template-columns:1fr}.actions-grid{grid-template-columns:1fr}.nav-links{gap:8px}}