@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Fira+Code:wght@400;500&display=swap";.navbar{z-index:1000;height:var(--navbar-height);transition:var(--transition);position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#050505b3;box-shadow:0 4px 20px #0003}.navbar-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar-logo{letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.3rem;font-weight:800;display:flex}.logo-icon{filter:drop-shadow(0 0 8px #6c63ff99);font-size:1.5rem}.logo-text{color:var(--text-primary)}.navbar-links{align-items:center;gap:4px;list-style:none;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);padding:8px 16px;font-size:.9rem;font-weight:500;position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--accent-light);background:#6c63ff1f}.hamburger{background:0 0;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger span{background:var(--text-primary);width:22px;height:2px;transition:var(--transition);border-radius:2px;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=768px){.hamburger{display:flex}.navbar-links{top:var(--navbar-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;transition:var(--transition);background:#0a0a0cfa;flex-direction:column;gap:4px;padding:16px;position:fixed;left:0;right:0;transform:translateY(-100%)}.navbar-links.open{opacity:1;pointer-events:all;transform:translateY(0)}.nav-link{text-align:center;width:100%;padding:12px}}.footer{margin-top:60px;margin-bottom:100px}.footer-inner{grid-template-columns:2fr 1fr 1fr;gap:48px;padding:60px 24px 0;display:grid}.footer-brand .footer-logo{margin-bottom:12px;font-size:1.4rem;font-weight:800;display:block}.footer-brand p{color:var(--text-secondary);max-width:280px;font-size:.9rem;line-height:1.7}.footer-links h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:16px;font-size:.85rem;font-weight:600}.footer-links ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);transition:var(--transition);font-size:.9rem}.footer-links a:hover{color:var(--accent-light)}.footer-bottom{text-align:center;border-top:1px solid var(--border);color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:20px 24px;font-size:.85rem;display:flex}.server-status{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border);background:#ffffff08;border-radius:100px;align-items:center;gap:8px;padding:4px 12px;font-size:.75rem;font-weight:600;display:flex}.status-dot{border-radius:50%;width:6px;height:6px}.status-dot.online{background:var(--emerald);box-shadow:0 0 8px var(--emerald)}.status-dot.offline{background:var(--rose);animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.3}to{opacity:1}}@media (width<=768px){.footer-inner{grid-template-columns:1fr;gap:32px;padding:40px 24px}}.background-container{z-index:-1;background-color:var(--bg-primary);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.noise-overlay{opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Cfilter id='noiseFilter'%3%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3%3C/filter%3%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3%3C/svg%3%3E");position:absolute;inset:0}.blob{filter:blur(80px);opacity:.4;z-index:-1;border-radius:50%;animation:20s cubic-bezier(.45,0,.55,1) infinite alternate move;position:absolute}.blob-1{background:var(--accent-light);width:500px;height:500px;animation-duration:25s;top:-10%;left:-10%}.blob-2{background:var(--teal);width:400px;height:400px;animation-duration:30s;animation-delay:-5s;bottom:-5%;right:-5%}.blob-3{background:var(--amber);opacity:.2;width:300px;height:300px;animation-duration:22s;animation-delay:-10s;top:40%;left:30%}@keyframes move{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}to{transform:translate(0)scale(1)}}@media (prefers-color-scheme:dark){.blob{opacity:.2}}.content-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);flex-direction:column;display:flex;position:relative;overflow:hidden}.content-card:before{content:"";opacity:0;transition:var(--transition);pointer-events:none;background:linear-gradient(135deg,#6c63ff0f,#0000 60%);position:absolute;inset:0}.content-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card), var(--shadow-glow);transform:translateY(-5px)}.content-card:hover:before{opacity:1}.card-thumbnail{aspect-ratio:16/9;background:var(--bg-secondary);position:relative;overflow:hidden}.card-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.content-card:hover .card-thumbnail img{transform:scale(1.05)}.play-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:var(--transition);background:#fff3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.content-card:hover .play-overlay{opacity:1}.play-btn{background:var(--accent);color:#fff;width:56px;height:56px;box-shadow:0 8px 24px var(--accent-glow);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;transform:scale(.8)}.content-card:hover .play-btn{transform:scale(1)}.duration-badge{color:#1e293b;background:#ffffffe6;border-radius:4px;padding:3px 8px;font-family:Fira Code,monospace;font-size:.75rem;font-weight:700;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 8px #0000001a}.book-card{flex-direction:row;align-items:stretch}.book-cover{background:linear-gradient(135deg, var(--bg-secondary), #6c63ff1a);flex-shrink:0;width:120px;min-height:160px;overflow:hidden}.book-cover img{object-fit:cover;width:100%;height:100%}.book-cover-placeholder{justify-content:center;align-items:center;width:100%;height:100%;min-height:160px;font-size:2.5rem;display:flex}.card-body{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex}.card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.card-author{color:var(--text-muted);font-size:.82rem;font-style:italic}.card-desc{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:var(--text-muted);font-family:Fira Code,monospace;font-size:.75rem;transition:color .2s}.tag:hover{color:var(--accent-light)}.card-cta{align-self:flex-start;margin-top:auto;padding:9px 18px;font-size:.85rem}.blog-card{cursor:pointer;text-decoration:none;display:block}.read-time{color:var(--text-muted);font-size:.78rem}.card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.blog-author{color:var(--text-secondary);font-size:.82rem}.blog-date{color:var(--text-muted);font-size:.78rem}@media (width<=480px){.book-card{flex-direction:column}.book-cover{width:100%;min-height:180px}}.hero{align-items:center;min-height:110vh;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0}.hero-orb{filter:blur(80px);opacity:.6;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#6c63ff1a,#0000 70%);width:600px;height:600px;animation:8s ease-in-out infinite float;top:-200px;left:-100px}.orb-2{background:radial-gradient(circle,#00d4aa14,#0000 70%);width:400px;height:400px;animation:10s ease-in-out infinite reverse float;top:100px;right:-50px}.orb-3{background:radial-gradient(circle,#f59e0b0d,#0000 70%);width:300px;height:300px;animation:12s ease-in-out infinite float;bottom:100px;left:40%}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}.hero-content{z-index:1;text-align:center;padding:120px 24px 80px;position:relative}.hero-badge{color:var(--accent-light);letter-spacing:.02em;background:#6c63ff26;border:1px solid #6c63ff4d;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:8px 20px;font-size:.875rem;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:580px;margin:0 auto 40px;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:64px;display:flex}.hero-cta .btn{padding:14px 28px;font-size:1rem}.hero-stats{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-icon{font-size:1.4rem}.stat-value{color:var(--text-primary);font-size:1.6rem;font-weight:800}.stat-label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem}.topics-section{background:var(--bg-secondary)}.topics-grid{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.topic-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:180px;transition:var(--transition);cursor:pointer;flex-direction:row;flex:0 auto;justify-content:center;align-items:center;gap:12px;padding:16px 24px;display:flex}.topic-card:hover{border-color:var(--topic-color);background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.topic-icon{font-size:1.5rem}.topic-name{color:var(--text-secondary);white-space:nowrap;font-size:.875rem;font-weight:600}.topic-card:hover .topic-name{color:var(--text-primary)}.alt-section{background:var(--bg-secondary)}.section-cta{text-align:center;margin-top:40px}.roadmap-cards{flex-direction:column;gap:16px;display:flex}.roadmap-preview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);cursor:pointer;align-items:center;gap:20px;padding:20px 28px;display:flex}.roadmap-preview-card:hover{border-color:var(--rm-color,var(--accent));background:var(--bg-card-hover);transform:translate(8px)}.rm-icon{flex-shrink:0;font-size:2rem}.roadmap-preview-card h3{margin-bottom:4px;font-size:1rem}.roadmap-preview-card p{color:var(--text-muted);font-size:.82rem}.roadmap-preview-card .rm-arrow{color:var(--text-muted);transition:var(--transition);margin-left:auto;font-size:1.2rem}.roadmap-preview-card:hover .rm-arrow{color:var(--rm-color,var(--accent));transform:translate(4px)}.instructor-section{background:var(--bg-primary);padding-bottom:40px}.instructor-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-template-columns:300px 1fr;align-items:center;gap:48px;padding:48px;display:grid;position:relative;overflow:hidden}.instructor-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#6c63ff0a,#0000 70%);width:300px;height:300px;position:absolute;top:-100px;right:-100px}.instructor-image{aspect-ratio:1;border-radius:var(--radius-lg);border:2px solid var(--border);width:100%;overflow:hidden;box-shadow:0 12px 32px #0006}.instructor-image img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.instructor-card:hover .instructor-image img{transform:scale(1.05)}.instructor-info{flex-direction:column;gap:16px;display:flex}.instructor-info h2{margin:8px 0;font-size:2.4rem}.instructor-title{color:var(--accent-light);font-family:Fira Code,monospace;font-size:1.1rem;font-weight:500}.instructor-bio{color:var(--text-secondary);margin-bottom:8px;font-size:1.05rem;line-height:1.7}.instructor-socials{gap:16px;display:flex}.instructor-socials .btn{padding:10px 20px;font-size:.9rem}.social-icon{align-items:center;gap:8px;display:flex}@media (width<=1024px){.hero-title{font-size:3.5rem}.instructor-card{gap:32px;padding:40px}}@media (width<=768px){.hero{align-items:flex-start;min-height:auto;padding-top:150px}.hero-content{padding:100px 20px 60px}.hero-title{margin-bottom:20px;font-size:2.8rem}.hero-subtitle{margin-bottom:32px;font-size:1rem}.hero-stats{gap:24px;margin-top:20px;margin-bottom:150px}.stat-item{min-width:120px}.topics-grid{gap:16px}.topic-card{flex:calc(50% - 16px);max-width:none}.roadmap-preview-card{gap:16px;padding:16px 20px}.rm-icon{font-size:1.5rem}.roadmap-preview-card h3{font-size:.95rem}}@media (width<=480px){.hero-title{font-size:2.2rem}.hero-cta{flex-direction:column;gap:12px}.hero-cta .btn{justify-content:center;width:100%}.topics-grid{gap:12px}.topic-card{flex:100%}.hero-stats{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.stat-item{min-width:0}.instructor-image{width:160px}.instructor-info h2{font-size:1.8rem}.cta-banner{padding:60px 0}.cta-content h2{font-size:1.5rem}}@media (width<=850px){.instructor-card{text-align:center;grid-template-columns:1fr;gap:32px;padding:32px}.instructor-image{width:200px;margin:0 auto}.instructor-socials{justify-content:center}}.cta-banner{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(135deg,#6c63ff1f 0%,#00d4aa14 100%);padding:100px 0}.cta-content{text-align:center}.cta-content h2{margin-bottom:16px;font-size:clamp(1.6rem,3vw,2.4rem)}.cta-content p{color:var(--text-secondary);margin-bottom:32px;font-size:1.05rem}.cta-content .btn{padding:14px 32px;font-size:1rem}.page{padding-top:var(--navbar-height);min-height:100vh}.page-header{text-align:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:60px 0 48px;position:relative;overflow:hidden}.page-header .container{z-index:1;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.page-header-badge{color:var(--accent-light);letter-spacing:.04em;background:#6c63ff1f;border:1px solid #6c63ff40;border-radius:100px;align-items:center;gap:6px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.page-header h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.8rem,4vw,3rem);font-weight:900}.page-header p{color:var(--text-secondary);max-width:500px;font-size:1rem}.page-header .search-bar{max-width:460px;margin-top:8px}.page-filters{flex-direction:column;gap:16px;margin-bottom:36px;display:flex}.filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.78rem;font-weight:600}.results-count{color:var(--text-muted);margin-bottom:24px;font-size:.875rem}.books-grid{flex-direction:column;gap:20px;display:flex}@media (width>=768px){.books-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;display:grid}}.roadmap-selector{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:48px;display:flex}.rm-select-btn{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);transition:var(--transition);cursor:pointer;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.9rem;font-weight:600;display:flex}.rm-select-btn:hover{color:var(--text-primary);border-color:var(--rm-color,var(--accent))}.rm-select-btn.active{border-color:var(--rm-color,var(--accent));color:var(--text-primary);background:#6c63ff26;box-shadow:0 0 20px #6c63ff26}.rm-sub-selector{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);justify-content:center;gap:8px;margin-bottom:32px;padding:8px;display:flex}.rm-sub-btn{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #0000;padding:8px 20px;font-size:.85rem;font-weight:500}.rm-sub-btn:hover{color:var(--text-primary)}.rm-sub-btn.active{background:var(--bg-card);color:var(--accent-light);border-color:var(--border);box-shadow:var(--shadow-sm)}.rm-detail-header{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);border-left:4px solid var(--rm-color,var(--accent));align-items:flex-start;gap:24px;margin-bottom:48px;padding:32px;display:flex}.rm-detail-icon{background:var(--bg-secondary);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:3rem;display:flex}.rm-detail-header h2{margin-bottom:8px;font-size:1.5rem}.rm-detail-header p{color:var(--text-secondary);margin-bottom:12px;font-size:.95rem}.rm-time-badge{color:var(--accent-light);background:#6c63ff1f;border:1px solid #6c63ff40;border-radius:100px;align-items:center;padding:4px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.rm-steps{flex-direction:column;gap:0;display:flex}.rm-step{gap:24px;display:flex}.rm-step-marker{flex-direction:column;flex-shrink:0;align-items:center;width:48px;display:flex}.rm-step-num{background:var(--bg-secondary);border:2px solid var(--rm-color,var(--accent));width:44px;height:44px;color:var(--rm-color,var(--accent));z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex;position:relative}.rm-connector{background:linear-gradient(to bottom, var(--rm-color,var(--accent)), transparent);opacity:.3;flex:1;width:2px;min-height:40px;margin:4px 0}.rm-step-content{padding:8px 0 40px}.rm-step-content h3{color:var(--text-primary);margin-bottom:8px;font-size:1.05rem}.rm-step-content p{color:var(--text-secondary);margin-bottom:12px;font-size:.9rem;line-height:1.7}.rm-resources{flex-wrap:wrap;gap:8px;display:flex}.rm-resource-link{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--accent-light);transition:var(--transition);align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;display:inline-flex}.rm-resource-link:hover{border-color:var(--accent);background:#6c63ff1a}@media (width<=600px){.rm-detail-header{flex-direction:column}.rm-detail-icon{width:56px;height:56px;font-size:2rem}}.blog-post-page{padding-top:var(--navbar-height);min-height:100vh}.bp-hero{background:radial-gradient(circle at top right, #818cf80d, transparent 40%), var(--bg-secondary);border-bottom:1px solid var(--border);padding:80px 0 60px}.bp-back{color:var(--accent-light);transition:var(--transition);opacity:.8;align-items:center;margin-bottom:32px;font-size:.95rem;font-weight:600;display:inline-flex}.bp-back:hover{opacity:1;transform:translate(-4px)}.bp-meta{align-items:center;gap:16px;margin-bottom:24px;display:flex}.bp-readtime{color:var(--text-muted);align-items:center;gap:6px;font-size:.9rem;display:flex}.bp-title{letter-spacing:-.03em;max-width:900px;color:var(--text-primary);margin-bottom:40px;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.15}.bp-author-row{align-items:center;gap:16px;display:flex}.bp-avatar{background:linear-gradient(135deg, var(--accent), var(--teal));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.25rem;font-weight:800;display:flex;box-shadow:0 4px 12px #818cf84d}.bp-author-name{margin-bottom:4px;font-size:1.1rem;font-weight:700}.bp-date{color:var(--text-muted);font-size:.9rem}.bp-body{max-width:900px;padding:64px 24px 100px}.bp-tags{flex-wrap:wrap;gap:10px;margin-bottom:48px;display:flex}.bp-content{color:#f8fafce6;font-size:1.25rem;line-height:1.85}.bp-content h1,.bp-content h2,.bp-content h3{color:var(--text-primary);margin:48px 0 24px;font-weight:800;line-height:1.2}.bp-content h1{letter-spacing:-.02em;font-size:2.5rem}.bp-content h2{border-bottom:1px solid var(--border);padding-bottom:12px;font-size:2rem}.bp-content h3{font-size:1.5rem}.bp-content p{margin-bottom:28px}.bp-content li{margin-bottom:12px;margin-left:28px;padding-left:8px}.bp-content blockquote{border-left:4px solid var(--accent);background:var(--bg-card);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);margin:32px 0;padding:24px 32px;font-style:italic}.bp-content code{background:var(--bg-card);color:var(--accent-light);border-radius:4px;padding:2px 6px;font-family:Fira Code,monospace;font-size:.9em}.bp-content pre{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);margin:32px 0;padding:24px;overflow-x:auto}.bp-content pre code{color:var(--text-primary);background:0 0;padding:0;font-size:1rem;line-height:1.6}.bp-content table{border-collapse:collapse;width:100%;margin:32px 0;font-size:1.1rem}.bp-content th,.bp-content td{border:1px solid var(--border);text-align:left;padding:16px}.bp-content th{background:var(--bg-card);color:var(--accent-light);font-weight:700}.bp-content tr:nth-child(2n){background:#ffffff05}.bp-footer{border-top:1px solid var(--border);justify-content:center;margin-top:80px;padding-top:48px;display:flex}.blog-post-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;display:flex}.coffee-container{z-index:1000;position:fixed;bottom:2rem;right:2rem}.coffee-button{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:.8rem;padding:.8rem 1.2rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 32px #0000004d}.coffee-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-5px)}.coffee-icon{font-size:1.4rem}.payment-modal{-webkit-backdrop-filter:blur(20px);background:#0f0f14d9;border:1px solid #ffffff1a;border-radius:20px;width:320px;padding:1.5rem;animation:.3s ease-out slideIn;position:fixed;bottom:6rem;right:2rem;box-shadow:0 15px 45px #00000080}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h3{background:linear-gradient(90deg,#fd0,#ff8c00);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.2rem}.close-btn{color:#888;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s}.close-btn:hover{color:#fff}.payment-methods{flex-direction:column;gap:1rem;display:flex}.payment-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:.4rem;padding:1rem;display:flex}.payment-item .label{color:#aaa;text-transform:uppercase;letter-spacing:.05rem;font-size:.8rem}.payment-item .value{color:#fff;font-family:Courier New,Courier,monospace;font-size:1.1rem;font-weight:700}.payment-item .name{color:#eee;font-size:.9rem}.support-text{color:#888;text-align:center;margin-top:1.5rem;font-size:.85rem;line-height:1.4}@media (width<=600px){.coffee-container{bottom:1rem;right:1rem}.payment-modal{width:calc(100vw - 2rem);bottom:5rem;right:1rem}}:root{--bg-primary:#050505;--bg-secondary:#0a0a0c;--bg-card:#111114;--bg-card-hover:#16161a;--accent:#818cf8;--accent-light:#a5b4fc;--accent-glow:#818cf81f;--teal:#14b8a6;--amber:#f59e0b;--rose:#fb7185;--emerald:#10b981;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#ffffff0f;--border-hover:#818cf84d;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--shadow-card:0 10px 30px #0006;--shadow-glow:0 15px 45px #818cf814;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--navbar-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-primary);background-color:#0000;min-height:100vh;font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.gradient-text{background:linear-gradient(135deg, var(--accent-light) 0%, var(--teal) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.code-font{font-family:Fira Code,monospace}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-header{text-align:center;margin-bottom:56px}.section-header h2{margin-bottom:12px;font-size:clamp(1.8rem,3vw,2.5rem)}.section-header p{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:1.05rem}.grid-3{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.grid-2{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px;display:grid}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:24px;position:relative;overflow:hidden}.card:before{content:"";opacity:0;transition:var(--transition);background:linear-gradient(135deg,#6c63ff0f 0%,#0000 60%);position:absolute;inset:0}.card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:var(--shadow-card), var(--shadow-glow);transform:translateY(-4px)}.card:hover:before{opacity:1}.btn{border-radius:var(--radius-md);transition:var(--transition);white-space:nowrap;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{box-shadow:0 8px 30px var(--accent-glow);transform:translateY(-2px)}.btn-outline{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 16px}.btn-ghost:hover{color:var(--accent)}.badge{letter-spacing:.02em;border-radius:100px;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-accent{color:var(--accent-light);background:#6c63ff26;border:1px solid #6c63ff4d}.badge-teal{color:var(--teal);background:#00d4aa1f;border:1px solid #00d4aa4d}.badge-amber{color:var(--amber);background:#f59e0b1f;border:1px solid #f59e0b4d}.badge-rose{color:var(--rose);background:#f43f5e1f;border:1px solid #f43f5e4d}.badge-emerald{color:var(--emerald);background:#10b9811f;border:1px solid #10b9814d}.search-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);align-items:center;gap:12px;width:100%;max-width:480px;padding:0 16px;display:flex}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-family:inherit;font-size:.95rem}.search-bar input::placeholder{color:var(--text-muted)}.filter-tabs{flex-wrap:wrap;gap:8px;display:flex}.filter-tab{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);transition:var(--transition);border-radius:100px;padding:8px 18px;font-size:.875rem;font-weight:500}.filter-tab:hover{color:var(--text-primary);border-color:var(--border-hover)}.filter-tab.active{background:linear-gradient(135deg, var(--accent), var(--accent-light));color:#fff;border-color:#0000}.page-header{text-align:center;padding:120px 0 60px;position:relative}.page-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#6c63ff1f 0%,#0000 70%);width:600px;height:600px;position:absolute;top:0;left:50%;transform:translate(-50%)}.page-header h1{margin-bottom:16px;font-size:clamp(2rem,4vw,3rem)}.page-header p{color:var(--text-secondary);max-width:560px;margin:0 auto 32px;font-size:1.1rem}.loading{justify-content:center;align-items:center;padding:80px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-muted);padding:80px 24px}.empty-state .emoji{margin-bottom:16px;font-size:3rem}.empty-state p{font-size:1.1rem}.divider{background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in-up{animation:.5s forwards fadeInUp}.animate-fade-in{animation:.4s forwards fadeIn}@media (width<=768px){.section{padding:60px 0}.grid-3,.grid-2{grid-template-columns:1fr}.page-header{padding:100px 0 48px}}