@import "https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg-dark:#0a0a0a;--bg-card:#111;--bg-card-hover:#161616;--bg-purple-dark:#12062a;--cyan:#64ffda;--cyan-dark:#3dd9b3;--purple:#7b2d8b;--purple-mid:#9333aa;--purple-light:#aa3bff;--purple-glow:#7b2d8b4d;--text-primary:#fff;--text-secondary:#a0aec0;--text-muted:#718096;--border:#1a1a2e;--border-light:#2d2d44;--font-sans:"Figtree", system-ui, sans-serif;--font-body:"Figtree", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--max-width:1200px;--content-width:780px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-sans)}code{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--purple-mid)}.navbar{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#0a0a0af2,#0000);justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex;position:fixed;top:0;left:0;right:0}.navbar--solid{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0af7}.navbar-logo{font-family:var(--font-sans);color:var(--cyan);letter-spacing:-.02em;font-size:1.1rem;font-weight:700;transition:opacity .2s}.navbar-logo:hover{opacity:.85}.navbar-links{align-items:center;gap:2.5rem;margin-left:auto;list-style:none;display:flex}.navbar-links a{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:.02em;font-size:1.1rem;font-weight:400;transition:color .2s;position:relative}.navbar-links li:not(.navbar-auth) a:after{content:"";background:var(--cyan);width:0;height:1px;transition:width .25s;position:absolute;bottom:-3px;left:0}.navbar-links li:not(.navbar-auth) a:hover{color:var(--cyan)}.navbar-links li:not(.navbar-auth) a:hover:after{width:100%}.navbar-links li:not(.navbar-auth) a.active{color:var(--cyan)}.navbar-auth{align-items:center;display:flex}.navbar-sign-in{background:var(--cyan);color:#0a0a0a;font-family:var(--font-sans);white-space:nowrap;border-radius:6px;padding:.4rem 1.1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-block}.navbar-sign-in:hover{background:var(--cyan-dark);color:#0a0a0a;transform:translateY(-1px)}.navbar-profile{color:var(--text-primary);border:1px solid #0000;border-radius:30px;align-items:center;gap:.6rem;padding:.2rem .6rem .2rem .2rem;text-decoration:none;transition:border-color .2s;display:inline-flex}.navbar-profile:hover{border-color:var(--border-light)}.navbar-avatar{object-fit:cover;border:2px solid var(--cyan);border-radius:50%;flex-shrink:0;width:32px;height:32px}.navbar-avatar--initials{background:linear-gradient(135deg, var(--purple), var(--purple-light));color:#fff;font-family:var(--font-sans);justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.navbar-user-name{white-space:nowrap;font-size:.95rem;font-weight:500}.navbar-hamburger{background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.navbar-hamburger span{background:var(--text-primary);border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}@media (width<=768px){.navbar{padding:1.25rem 1.5rem}.navbar-hamburger{display:flex}.navbar-links{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0afa;flex-direction:column;justify-content:center;gap:2.5rem;display:none;position:fixed;inset:0}.navbar-links.open{display:flex}.navbar-links a{font-size:1.5rem;font-weight:600}}.blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--border-light);transform:translateY(-3px);box-shadow:0 12px 40px #64ffda0f}.blog-card-image-link{aspect-ratio:16/9;background:var(--bg-purple-dark);display:block;overflow:hidden}.blog-card-image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card:hover .blog-card-image{transform:scale(1.03)}.blog-card-image-placeholder{width:100%;height:100%;font-family:var(--font-mono);color:var(--purple-mid);opacity:.5;justify-content:center;align-items:center;font-size:2rem;display:flex}.blog-card-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.blog-card-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.blog-card-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);border:1px solid #64ffda4d;border-radius:3px;padding:.2rem .6rem;font-size:.72rem;font-weight:500}.blog-card-title{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.15rem;font-weight:600;line-height:1.35;transition:color .2s}.blog-card:hover .blog-card-title{color:var(--cyan)}.blog-card-excerpt{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.9rem;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-card-meta{color:var(--text-muted);align-items:center;gap:1rem;margin-top:1.25rem;font-size:.8rem;display:flex}.blog-card-meta-dot{background:var(--border-light);border-radius:50%;width:3px;height:3px}.home{min-height:100vh;overflow:hidden}.hero{grid-template-columns:1fr 1fr;min-height:100vh;display:grid;position:relative;overflow:hidden}.hero-left{z-index:2;flex-direction:column;justify-content:center;padding:8rem 3rem 4rem 4rem;display:flex;position:relative}.hero-code-bg{font-family:var(--font-mono);color:var(--purple);opacity:.35;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;z-index:0;font-size:clamp(180px,22vw,320px);font-weight:700;line-height:1;position:absolute;top:50%;left:-60px;transform:translateY(-50%)}.hero-name{font-family:var(--font-sans);color:var(--cyan);letter-spacing:.01em;z-index:1;font-size:clamp(3rem,6vw,5.5rem);font-weight:600;line-height:1.05;position:relative}.hero-subtitle{font-family:var(--font-body);color:var(--text-primary);z-index:1;margin-top:1.5rem;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:300;position:relative}.hero-subtitle a{color:var(--purple-light);text-underline-offset:3px;text-decoration:underline;transition:color .2s}.hero-subtitle a:hover{color:var(--cyan)}.hero-right{z-index:2;flex-direction:column;justify-content:flex-end;align-items:flex-end;padding:4rem 4rem 5rem 2rem;display:flex;position:relative}.hero-cta{flex-direction:column;align-items:flex-end;gap:1rem;display:flex}.btn-filled{background:var(--cyan);color:#0a0a0a;letter-spacing:.02em;text-align:center;border:none;border-radius:4px;min-width:200px;padding:.85rem 2rem;font-size:1.1rem;font-weight:600;transition:background .2s,transform .15s;display:inline-block}.btn-filled:hover{background:var(--cyan-dark);transform:translateY(-1px)}.btn-outlined{color:var(--text-primary);border:1px solid var(--text-primary);letter-spacing:.02em;text-align:center;background:0 0;border-radius:4px;min-width:200px;padding:.85rem 2rem;font-size:1.1rem;font-weight:400;transition:border-color .2s,color .2s,transform .15s;display:inline-block}.btn-outlined:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-1px)}.home-featured{max-width:var(--max-width);width:100%;margin:0 auto;padding:5rem 4rem}.home-section-label{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.75rem;font-size:.8rem}.home-section-title{font-family:var(--font-sans);color:var(--text-primary);margin-bottom:2.5rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700}.home-featured-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem;display:grid}.home-featured-link{color:var(--text-secondary);margin-top:2.5rem;font-size:.9rem;display:block}.home-featured-link span{color:var(--cyan);border-bottom:1px solid var(--cyan);padding-bottom:1px;transition:opacity .2s}.home-featured-link:hover span{opacity:.8}@media (width<=900px){.hero{grid-template-rows:auto auto;grid-template-columns:1fr}.hero-left{justify-content:flex-end;min-height:65vh;padding:8rem 2rem 2rem}.hero-right{justify-content:flex-start;align-items:flex-start;padding:2rem 2rem 4rem}.hero-cta{align-items:flex-start}}@media (width<=600px){.home-featured{padding:3rem 1.5rem}.hero-left{padding:7rem 1.5rem 2rem}.hero-right{padding:1.5rem 1.5rem 3rem}}.blog-list{min-height:100vh;padding-top:6rem}.blog-list-header{max-width:var(--max-width);margin:0 auto;padding:3rem 4rem 2rem}.blog-list-label{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.75rem;font-size:.8rem}.blog-list-title{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(2rem,4vw,3.5rem);font-weight:700}.blog-list-subtitle{color:var(--text-secondary);margin-top:.75rem;font-size:1.05rem}.blog-list-tags{flex-wrap:wrap;gap:.5rem;margin-top:2rem;display:flex}.blog-list-tag-filter{border:1px solid var(--border-light);color:var(--text-secondary);font-size:.85rem;font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:20px;padding:.35rem 1rem;transition:all .2s}.blog-list-tag-filter:hover,.blog-list-tag-filter.active{border-color:var(--cyan);color:var(--cyan);background:#64ffda0f}.blog-list-grid{max-width:var(--max-width);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.75rem;margin:0 auto;padding:2rem 4rem 5rem;display:grid}.blog-list-empty{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:4rem 2rem;font-size:1.05rem}@media (width<=768px){.blog-list-header,.blog-list-grid{padding-left:1.5rem;padding-right:1.5rem}.blog-list-grid{grid-template-columns:1fr}}.adhd-sidequest{border:1px solid var(--purple-mid);background:linear-gradient(135deg,#1a0538 0%,#2a0a52 50%,#1a0538 100%);border-radius:12px;margin:2.5rem -1.5rem;padding:2rem 2rem 2rem 2.5rem;position:relative;overflow:hidden;transform:rotate(-.4deg);box-shadow:0 0 40px #7b2d8b40}.adhd-sidequest:before{content:"";background:linear-gradient(to bottom, var(--cyan), var(--purple-light));border-radius:12px 0 0 12px;width:5px;height:100%;position:absolute;top:0;left:0}.adhd-sidequest:after{content:"🧠";opacity:.15;font-size:2.5rem;position:absolute;top:-10px;right:20px;transform:rotate(12deg)}.adhd-sidequest-header{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.adhd-sidequest-brain{margin-right:.4rem;font-size:1.25rem}.adhd-sidequest-title{font-family:var(--font-sans);color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:700;line-height:1.3}.adhd-sidequest-content{color:#ffffffd9;font-size:.95rem;line-height:1.75}.adhd-sidequest-content p{margin-bottom:1rem}.adhd-sidequest-content p:last-child{margin-bottom:0}.adhd-sidequest-content img{border-radius:6px;margin:1rem 0}@media (width<=768px){.adhd-sidequest{margin:2rem -.25rem;transform:rotate(-.2deg)}}.reactions{margin:3rem 0}.reactions-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem;font-size:.75rem}.reactions-row{flex-wrap:wrap;gap:.75rem;display:flex}.reaction-btn{border:1px solid var(--border-light);color:var(--text-secondary);font-size:.9rem;font-family:var(--font-body);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:30px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;transition:all .2s;display:flex}.reaction-btn-emoji{font-size:1.15rem;line-height:1}.reaction-btn-count{text-align:center;min-width:1.2em;font-weight:600}.reaction-btn:hover{border-color:var(--purple-light);color:var(--text-primary);background:#aa3bff14;transform:scale(1.04)}.reaction-btn.reacted{border-color:var(--cyan);color:var(--cyan);background:#64ffda14}@media (width<=768px){.reactions-row{gap:.5rem}}.share-buttons{margin:2.5rem 0}.share-buttons-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem;font-size:.75rem}.share-buttons-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.share-btn{border:1px solid var(--border-light);font-size:.85rem;font-family:var(--font-body);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:6px;align-items:center;gap:.45rem;padding:.55rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.share-btn:hover{border-color:var(--purple-light);color:var(--text-primary);background:#aa3bff14}.share-btn--copy{color:var(--cyan);border-color:#64ffda4d}.share-btn--copy:hover{border-color:var(--cyan);background:#64ffda14}.share-btn--copy.copied{border-color:var(--cyan);background:#64ffda1f}@media (width<=768px){.share-buttons-row{gap:.5rem}}.comments{margin-top:3rem}.comments-title{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:2rem;font-size:1.5rem;font-weight:700}.comments-form{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-bottom:2.5rem;padding:1.75rem}.comments-form-title{font-family:var(--font-sans);color:var(--text-primary);margin-bottom:1.25rem;font-size:1rem;font-weight:600}.comments-field{margin-bottom:1rem}.comments-field label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.85rem;font-weight:500;display:block}.comments-field input,.comments-field textarea{background:var(--bg-dark);border:1px solid var(--border-light);width:100%;color:var(--text-primary);font-family:var(--font-body);resize:vertical;border-radius:6px;padding:.65rem .875rem;font-size:.95rem;transition:border-color .2s}.comments-field input:focus,.comments-field textarea:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 2px #64ffda1a}.comments-field textarea{min-height:120px}.comments-submit{background:var(--cyan);color:#0a0a0a;cursor:pointer;border:none;border-radius:6px;padding:.7rem 1.75rem;font-size:.9rem;font-weight:600;transition:background .2s,transform .15s}.comments-submit:hover:not(:disabled){background:var(--cyan-dark);transform:translateY(-1px)}.comments-submit:disabled{opacity:.6;cursor:not-allowed}.comments-error{color:#ff6b6b;margin-top:.5rem;font-size:.85rem}.comments-success{color:var(--cyan);margin-top:.5rem;font-size:.85rem}.comments-list{flex-direction:column;gap:1.25rem;display:flex}.comment-item{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.25rem 1.5rem}.comment-item-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.comment-item-avatar{background:linear-gradient(135deg, var(--purple), var(--purple-light));width:36px;height:36px;font-family:var(--font-sans);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.comment-item-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.comment-item-date{color:var(--text-muted);margin-left:auto;font-size:.78rem}.comment-item-content{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;font-size:.9rem;line-height:1.65}.comments-posting-as{color:var(--text-primary);margin-bottom:.6rem;font-size:.95rem;font-weight:600}.comments-anonymous-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.comments-anonymous-label input[type=checkbox]{accent-color:var(--cyan);cursor:pointer;width:15px;height:15px}.comments-signin-prompt{color:var(--text-secondary);margin-bottom:.75rem;font-size:.875rem}.comments-signin-link{color:var(--cyan);font-weight:600;text-decoration:none}.comments-signin-link:hover{text-decoration:underline}.comments-empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border-light);border-radius:8px;padding:2.5rem 1rem;font-size:.95rem}.blog-post{min-height:100vh;padding-top:5rem}.blog-post-back{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:2.5rem;font-size:.875rem;transition:color .2s;display:inline-flex}.blog-post-back:hover{color:var(--cyan)}.blog-post-back svg{width:16px;height:16px}.blog-post-container{max-width:var(--content-width);margin:0 auto;padding:3rem 2rem 5rem}.blog-post-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.blog-post-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);background:#64ffda0d;border:1px solid #64ffda59;border-radius:3px;padding:.25rem .75rem;font-size:.72rem;font-weight:600}.blog-post-title{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.03em;margin-bottom:1.25rem;font-size:clamp(1.75rem,4vw,3rem);font-weight:700;line-height:1.2}.blog-post-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2.5rem;font-size:.85rem;display:flex}.blog-post-meta-sep{background:var(--border-light);border-radius:50%;width:3px;height:3px}.blog-post-hero-image{width:100%;max-width:var(--content-width);aspect-ratio:16/9;background:var(--bg-purple-dark);border-radius:8px;margin:0 auto 2.5rem;overflow:hidden}.blog-post-hero-image img{object-fit:cover;width:100%;height:100%}.blog-post-youtube{aspect-ratio:16/9;background:#000;border-radius:8px;margin:2.5rem 0;overflow:hidden}.blog-post-youtube iframe{border:none;width:100%;height:100%}.blog-post-content{font-family:var(--font-body);color:var(--text-secondary);font-size:1.05rem;line-height:1.8}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.02em;margin-top:2.5rem;margin-bottom:1rem;font-weight:700;line-height:1.3}.blog-post-content h1{font-size:1.9rem}.blog-post-content h2{font-size:1.55rem}.blog-post-content h3{font-size:1.25rem}.blog-post-content h4{font-size:1.05rem}.blog-post-content p{margin-bottom:1.5rem}.blog-post-content a{color:var(--cyan);text-underline-offset:3px;text-decoration:underline;transition:opacity .2s}.blog-post-content a:hover{opacity:.8}.blog-post-content strong{color:var(--text-primary);font-weight:600}.blog-post-content em{color:var(--text-primary)}.blog-post-content code{font-family:var(--font-mono);color:var(--cyan);background:#64ffda14;border:1px solid #64ffda26;border-radius:3px;padding:.15em .4em;font-size:.875em}.blog-post-content pre{border:1px solid var(--border-light);background:#0d1117;border-radius:8px;margin-bottom:1.75rem;padding:1.5rem;overflow-x:auto}.blog-post-content pre code{color:#e6edf3;background:0 0;border:none;padding:0;font-size:.9rem}.blog-post-content ul,.blog-post-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.blog-post-content li{margin-bottom:.5rem}.blog-post-content blockquote{border-left:3px solid var(--cyan);color:var(--text-primary);background:#64ffda0a;border-radius:0 6px 6px 0;margin:1.75rem 0;padding:1rem 1.5rem;font-style:italic}.blog-post-content hr{border:none;border-top:1px solid var(--border-light);margin:2.5rem 0}.blog-post-content img{border-radius:8px;max-width:100%;margin:1.5rem auto}.blog-post-content table{border-collapse:collapse;width:100%;margin-bottom:1.75rem;font-size:.9rem}.blog-post-content th{color:var(--cyan);border:1px solid var(--border-light);text-align:left;background:#64ffda14;padding:.65rem 1rem;font-weight:600}.blog-post-content td{border:1px solid var(--border);padding:.65rem 1rem}.blog-post-divider{border:none;border-top:1px solid var(--border);margin:3rem 0}@media (width<=768px){.blog-post-container{padding:2rem 1.25rem 4rem}}.video-list{min-height:100vh;padding-top:6rem}.video-list-header{max-width:var(--max-width);margin:0 auto;padding:3rem 4rem 2rem}.video-list-label{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.75rem;font-size:.8rem}.video-list-title{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(2rem,4vw,3.5rem);font-weight:700}.video-list-subtitle{color:var(--text-secondary);margin-top:.75rem;font-size:1.05rem}.video-list-tags{flex-wrap:wrap;gap:.5rem;margin-top:2rem;display:flex}.video-list-tag-filter{border:1px solid var(--border-light);color:var(--text-secondary);font-size:.85rem;font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:20px;padding:.35rem 1rem;transition:all .2s}.video-list-tag-filter:hover,.video-list-tag-filter.active{border-color:var(--cyan);color:var(--cyan);background:#64ffda0f}.video-list-grid{max-width:var(--max-width);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.75rem;margin:0 auto;padding:2rem 4rem 5rem;display:grid}.video-card{background:var(--bg-card);border:1px solid var(--border);color:inherit;border-radius:10px;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;overflow:hidden}.video-card:hover{border-color:var(--border-light);transform:translateY(-3px);box-shadow:0 8px 32px #0006}.video-card-thumbnail{aspect-ratio:16/9;background:var(--bg-purple-dark);position:relative;overflow:hidden}.video-card-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.video-card:hover .video-card-thumbnail img{transform:scale(1.03)}.video-card-play{background:#00000059;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.video-card:hover .video-card-play{background:#0003}.video-card-play svg{color:#fff;filter:drop-shadow(0 2px 8px #0009);width:52px;height:52px;transition:transform .2s,color .2s}.video-card:hover .video-card-play svg{color:var(--cyan);transform:scale(1.1)}.video-card-body{flex-direction:column;flex:1;gap:.5rem;padding:1.25rem 1.5rem 1.5rem;display:flex}.video-card-tags{flex-wrap:wrap;gap:.4rem;display:flex}.video-card-tag{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.05em;background:#64ffda14;border:1px solid #64ffda33;border-radius:4px;padding:.15rem .5rem;font-size:.72rem}.video-card-title{font-family:var(--font-sans);color:var(--text-primary);margin-top:.25rem;font-size:1.05rem;font-weight:700;line-height:1.3}.video-card-description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.55;display:-webkit-box;overflow:hidden}.video-card-date{color:var(--text-muted);margin-top:auto;padding-top:.5rem;font-size:.78rem}.video-list-empty{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:5rem 2rem;font-size:1rem}.video-list-empty-icon{color:var(--border-light);margin-bottom:1rem;font-size:2.5rem}@media (width<=768px){.video-list-header,.video-list-grid{padding-left:1.5rem;padding-right:1.5rem}.video-list-grid{grid-template-columns:1fr}}.video-page{min-height:100vh;padding-top:6rem}.video-page-container{max-width:var(--content-width);margin:0 auto;padding:2rem 2rem 5rem}.video-page-back{color:var(--text-muted);align-items:center;gap:.3rem;margin-bottom:2rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-flex}.video-page-back:hover{color:var(--cyan)}.video-page-back svg{width:16px;height:16px}.video-page-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.video-page-tag{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.05em;background:#64ffda14;border:1px solid #64ffda33;border-radius:4px;padding:.15rem .5rem;font-size:.72rem}.video-page-title{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;line-height:1.2}.video-page-date{color:var(--text-muted);margin-bottom:2rem;font-size:.85rem}.video-page-player{aspect-ratio:16/9;border:1px solid var(--border);width:100%;box-shadow:0 16px 64px #0009, 0 0 0 1px var(--border-light);background:#000;border-radius:10px;margin-bottom:2rem;position:relative;overflow:hidden}.video-page-player iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.video-page-description{color:var(--text-secondary);border-left:2px solid var(--border-light);margin-bottom:3rem;padding-left:1.25rem;font-size:1rem;line-height:1.7}.video-page-nav{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem;padding-top:2rem;display:grid}.video-page-nav-link{background:var(--bg-card);border:1px solid var(--border);color:inherit;border-radius:8px;flex-direction:column;gap:.3rem;padding:1rem 1.25rem;text-decoration:none;transition:border-color .2s,background .2s;display:flex}.video-page-nav-link:hover{border-color:var(--cyan);background:var(--bg-card-hover)}.video-page-nav-link--next{text-align:right;margin-left:auto}.video-page-nav-label{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}.video-page-nav-title{color:var(--text-primary);font-size:.875rem;font-weight:600;line-height:1.35}@media (width<=768px){.video-page-container{padding:1.5rem 1.5rem 4rem}.video-page-nav{grid-template-columns:1fr}.video-page-nav-link--next{text-align:left}}.auth-page{background:var(--bg-dark);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.5rem;display:flex;position:relative;overflow:hidden}.auth-page-code-bg{font-family:var(--font-mono);color:var(--purple);opacity:.12;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;font-size:clamp(140px,18vw,260px);font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-page-card{z-index:1;width:100%;max-width:480px;position:relative}.auth-page-back{color:var(--text-muted);align-items:center;gap:.4rem;margin-bottom:2rem;font-size:.85rem;text-decoration:none;transition:color .2s;display:inline-flex}.auth-page-back:hover{color:var(--cyan)}