:root{--violet:#7c6bff;--violet-light:#a398ff;--violet-dark:#5040cc;--violet-dim:#2a2460;--cyan:#00d4ff;--cyan-light:#66e8ff;--cyan-dark:#09c;--bg:#04040e;--surface-1:#07071a;--surface-2:#0d0d28;--surface-3:#14143a;--border:#12123a;--border-mid:#1e1e50;--text-primary:#eeeaff;--text-secondary:#e0ddf5;--text-muted:#ccc8e0;--success:#00e5aa;--warning:#fc4;--error:#f46}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);background-image:radial-gradient(600px 400px at 50% 30%,#7c6bff14 0%,#0000 70%),radial-gradient(400px 300px at 80% 80%,#00d4ff0a 0%,#0000 70%);background-attachment:fixed;min-height:100vh;font-family:DM Sans,sans-serif;font-size:16px;line-height:1.6}html,body{overflow-x:hidden}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease-out;display:inline-flex}.btn-primary{background:var(--violet);color:#fff;padding:12px 24px}.btn-primary:hover{background:var(--violet-light);box-shadow:0 0 20px #7c6bff4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-mid);background:0 0;padding:12px 24px}.btn-secondary:hover{border-color:var(--violet);color:var(--violet-light)}.btn-gradient{background:linear-gradient(135deg,var(--violet),var(--cyan));color:#fff;padding:12px 24px}.btn-gradient:hover{box-shadow:0 0 24px #7c6bff66}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:100px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.badge-violet{color:var(--violet-light);background:#7c6bff26}.badge-cyan{color:var(--cyan-light);background:#00d4ff1f}.badge-green{color:var(--success);background:#00e5aa1f}.input{background:var(--surface-3);border:1px solid var(--border-mid);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s}.input::placeholder{color:var(--text-secondary)}.input:focus{border-color:var(--violet);box-shadow:0 0 12px #7c6bff26}.glow-card{transition:all .2s ease-out;box-shadow:0 0 30px #7c6bff14}.glow-card:hover{border-color:var(--violet-dim);box-shadow:0 0 40px #7c6bff2e}.glass{-webkit-backdrop-filter:blur(20px);background:#04040ed9}.gradient-text{background:linear-gradient(135deg,var(--violet-light),var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-border{background-image:linear-gradient(var(--surface-1),var(--surface-1)),linear-gradient(135deg,var(--violet),var(--cyan));background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000}
.tma-container{flex-direction:column;min-height:100vh;padding:16px 16px 88px;display:flex}.tma-header{border-bottom:1px solid var(--border);justify-content:center;align-items:center;margin-bottom:20px;padding:12px 0;display:flex}.tma-logo{color:var(--text-primary);align-items:center;gap:10px;font-family:Orbitron,sans-serif;font-size:20px;font-weight:800;display:flex}.tma-logo svg{flex-shrink:0}.tma-main{flex:1}.screen-transition{flex:1;animation:.2s ease-out screenFadeIn}@keyframes screenFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.search-box{gap:12px;margin-bottom:24px;display:flex}.search-box .input{flex:1}.section-title{color:var(--text-primary);margin-bottom:16px;font-family:Orbitron,sans-serif;font-size:18px;font-weight:700}.grid-tools{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.back-link{color:var(--violet);cursor:pointer;background:0 0;border:none;margin-bottom:16px;padding:0;font-family:inherit;font-size:14px;text-decoration:none;transition:color .2s;display:inline-block}.back-link:hover{color:var(--violet-light)}.tool-detail{margin-top:16px}.tool-detail-header{gap:16px;margin-bottom:20px;display:flex}.tool-detail-logo{object-fit:contain;background:var(--surface-2);border:1px solid var(--border);border-radius:16px;width:64px;height:64px;padding:8px}.tool-detail-logo-placeholder{background:var(--surface-2);border:1px solid var(--border);width:64px;height:64px;color:var(--text-muted);border-radius:16px;justify-content:center;align-items:center;font-family:Orbitron,sans-serif;font-size:24px;font-weight:700;display:flex}.tool-detail-name{color:var(--text-primary);margin-bottom:4px;font-family:Orbitron,sans-serif;font-size:22px;font-weight:700}.tool-detail-tagline{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.subscribe-cta{border:1px solid var(--violet-dim);color:var(--violet-light);background:#7c6bff1a;border-radius:10px;margin-top:16px;padding:12px 16px;font-size:14px}.materials-section{margin-top:24px}.materials-section h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-family:Orbitron,sans-serif;font-size:14px}.material-card{background:var(--surface-1);border:1px solid var(--border);color:var(--text-primary);border-radius:12px;margin-bottom:8px;padding:14px 18px;font-size:14px;transition:all .2s}.material-card:hover{border-color:var(--violet-dim)}.material-card-title{color:var(--text-primary);margin-bottom:6px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:600}.subscription-card{background:var(--surface-1);border:1px solid var(--border);border-radius:16px;margin-top:24px;padding:24px}.subscription-card p{color:var(--text-secondary);margin-bottom:16px}.text-muted{color:var(--text-muted);margin-bottom:8px;font-size:14px}.screenshot-gallery{-ms-overflow-style:none;scrollbar-width:none;gap:8px;margin-top:16px;padding-bottom:8px;display:flex;overflow-x:auto}.screenshot-gallery::-webkit-scrollbar{display:none}.screenshot-gallery img{object-fit:cover;border:1px solid var(--border);border-radius:12px;flex-shrink:0;height:160px}.favorite-btn{border:1px solid var(--border-mid);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:10px;padding:8px 16px;font-size:18px;transition:all .2s}.favorite-btn:hover{border-color:var(--violet);color:var(--violet-light)}.favorite-btn.active{color:var(--error);border-color:var(--error)}.course-card{background:var(--surface-1);border:1px solid var(--border);cursor:pointer;border-radius:16px;transition:all .2s ease-out;overflow:hidden}.course-card:hover{border-color:var(--violet-dim);transform:translateY(-2px);box-shadow:0 0 24px #7c6bff1f}.course-card-cover{aspect-ratio:16/9;object-fit:cover;background:var(--surface-2);width:100%}.course-card-body{padding:16px}.course-card-title{color:var(--text-primary);margin-bottom:8px;font-family:Orbitron,sans-serif;font-size:15px;font-weight:700}.course-card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.digest-card{background:var(--surface-1);border:1px solid var(--border);border-radius:14px;margin-bottom:12px;padding:16px;transition:all .2s}.digest-card:hover{border-color:var(--violet-dim)}.digest-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.digest-card-title{color:var(--text-primary);margin-bottom:6px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:600}.digest-card-date{color:var(--text-muted);font-size:12px}.digest-card-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.digest-tag{text-transform:uppercase;color:var(--violet-light);background:#7c6bff1a;border-radius:100px;padding:2px 8px;font-size:10px;font-weight:600}.progress-bar{background:var(--surface-3);border-radius:2px;width:100%;height:4px;margin-top:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:2px;height:100%;transition:width .3s ease-out}.empty-state{text-align:center;padding:40px 20px}.empty-state-icon{opacity:.5;margin-bottom:16px;font-size:48px}.empty-state-title{color:var(--text-secondary);margin-bottom:8px;font-family:Orbitron,sans-serif;font-size:16px;font-weight:700}.empty-state-text{color:var(--text-muted);margin-bottom:20px;font-size:14px}.error-state{text-align:center;padding:40px 20px}.error-state-icon{margin-bottom:16px;font-size:48px}.error-state-title{color:var(--text-secondary);margin-bottom:8px;font-family:Orbitron,sans-serif;font-size:16px;font-weight:700}.error-state-text{color:var(--text-muted);margin-bottom:20px;font-size:14px}.bottom-nav{padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border);z-index:100;background:#04040ee0;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:6px 12px;font-family:inherit;transition:color .2s;display:flex;position:relative}.bottom-nav-item.active{color:var(--violet-light)}.bottom-nav-icon{justify-content:center;align-items:center;height:24px;display:flex}.bottom-nav-label{letter-spacing:.02em;font-size:10px;font-weight:600}.bottom-nav-dot{background:var(--violet);border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #7c6bff99}.lesson-content h2{color:var(--text-primary);margin:0 0 12px;font-family:Orbitron,sans-serif;font-size:17px;font-weight:700}.lesson-content h3{color:var(--violet-light);margin:20px 0 8px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:600}.lesson-content p{color:var(--text-secondary);margin:0 0 12px;font-size:14px;line-height:1.7}.lesson-content ul,.lesson-content ol{color:var(--text-secondary);margin:0 0 12px;padding-left:20px;font-size:14px;line-height:1.7}.lesson-content li{margin-bottom:6px}.lesson-content strong{color:var(--text-primary);font-weight:600}.lesson-content em{color:var(--cyan-light);background:#00d4ff0f;border-radius:4px;padding:2px 6px;font-style:italic}