@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";.navbar{position:fixed;top:0;left:0;right:0;z-index:100;transition:all .4s cubic-bezier(.2,.8,.2,1);border-bottom:1px solid transparent}.navbar.scrolled{top:15px;left:50%;transform:translate(-50%);width:95%;max-width:1200px;background:#0b1a20a6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:50px;box-shadow:0 10px 40px #00000080,inset 0 1px #ffffff0d}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 2rem}.nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:18px;font-weight:500;color:var(--accent);letter-spacing:.3px}.nav-links{display:flex;align-items:center;gap:1.8rem}.nav-links a{font-size:14px;color:var(--text2);transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--accent)}.nav-user{font-size:14px;color:var(--accent);padding:0 .5rem}.nav-btn{font-size:13px;padding:6px 16px;border-radius:20px;transition:all .2s;display:inline-block}.nav-btn.outline{border:.5px solid var(--border2);color:var(--text2)}.nav-btn.outline:hover{color:var(--text);border-color:var(--accent)}.nav-btn.filled{background:#4ade8026;border:.5px solid rgba(74,222,128,.3);color:var(--accent)}.nav-btn.filled:hover{background:#4ade8040}.hamburger{display:none;flex-direction:column;gap:5px;padding:4px;background:none;border:none}.hamburger span{width:22px;height:1.5px;background:var(--text2);border-radius:2px;transition:all .2s}@media (max-width: 768px){.hamburger{display:flex}.nav-links{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;flex-direction:column;background:#0b1a20f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--r);padding:1.5rem 2rem;gap:1.2rem}.nav-links.open{display:flex}}.footer{border-top:.5px solid var(--border);margin-top:6rem;padding:4rem 0;background:var(--bg2)}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:2rem}.footer-logo span{font-family:var(--font-display);font-size:20px;color:var(--accent);font-weight:500}.footer-logo p{font-size:13px;color:var(--text3);margin-top:8px}.footer-links{display:flex;gap:2.5rem;flex-wrap:wrap}.footer-links a{font-size:14px;color:var(--text3);transition:color .2s;font-weight:400}.footer-links a:hover{color:var(--accent)}.footer-copy{font-size:12px;color:var(--text3);width:100%;text-align:center;margin-top:3rem;padding-top:2rem;border-top:.5px solid var(--border)}@media (max-width: 600px){.footer-inner{flex-direction:column;align-items:center;text-align:center}.footer-links{justify-content:center;gap:1.5rem}}.article-card{display:block;border-radius:var(--r);background:var(--bg2);position:relative;transition:transform .3s ease}.article-card:hover{transform:translateY(-4px)}.card-border-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .3s}.article-card:hover .card-border-glow{opacity:1}.card-inner{position:relative;z-index:2;height:100%;background:var(--bg2);border-radius:inherit;margin:1px;overflow:hidden;display:flex;flex-direction:column}.card-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;opacity:0;transition:opacity .3s}.article-card:hover .card-glow{opacity:1}.card-img-wrap{position:relative;aspect-ratio:4/3;overflow:hidden}.card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-card:hover .card-img-wrap img{transform:scale(1.05)}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(5,7,5,.6) 0%,transparent 60%)}.card-category{position:absolute;top:12px;left:12px;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;background:#050705b3;color:var(--accent);padding:4px 10px;border-radius:12px;border:.5px solid rgba(74,222,128,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card-body{padding:1.1rem 1.2rem 1.2rem}.card-title{font-family:var(--font-display);font-size:17px;font-weight:500;color:var(--text);line-height:1.35;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-excerpt{font-size:13px;color:var(--text2);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1rem}.card-footer{display:flex;align-items:center;justify-content:space-between}.card-meta{font-size:12px;color:var(--text3)}.card-read{font-size:12px;color:var(--accent);opacity:0;transition:opacity .2s}.article-card:hover .card-read{opacity:1}.home{padding-top:64px}.hero{min-height:95vh;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--bg)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#04090a}.hero-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.hero-fallback-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;animation:dynamicDrift 40s ease-in-out infinite alternate}@keyframes dynamicDrift{0%{transform:scale(1) translate(0)}to{transform:scale(1.15) translate(-2%,1%)}}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(4,9,10,.5) 70%,rgba(4,9,10,1) 100%),linear-gradient(to right,#04090afa 5%,#04090a99 40%,#04090a33),linear-gradient(to top,var(--bg) 0%,transparent 35%)}.hero-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000001a 50%,#0000001a);background-size:100% 4px;opacity:.15}.hero-orbs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.4;animation:orbFloat 15s ease-in-out infinite alternate}.orb-1{width:300px;height:300px;background:var(--accent);top:-10%;right:-5%;animation-duration:20s}.orb-2{width:200px;height:200px;background:var(--lime);bottom:10%;right:25%;animation-duration:25s;animation-delay:-5s}.orb-3{width:400px;height:400px;background:#086d5b;top:30%;left:-10%;animation-duration:18s;animation-delay:-2s;opacity:.2}.orb-4{width:150px;height:150px;background:var(--accent2);top:50%;right:10%;animation-duration:22s;animation-delay:-10s}.orb-5{width:250px;height:250px;background:var(--gold);bottom:-5%;left:30%;animation-duration:28s;opacity:.15}@keyframes orbFloat{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(40px,40px) scale(1.05)}}.hero-content{position:relative;z-index:3;padding:7rem 0 5rem;max-width:800px}.hero-label{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:2rem;font-weight:600;padding:6px 16px;border-radius:30px;background:#12e5a01a;border:1px solid rgba(18,229,160,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.label-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulseDot 2s infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.hero-title{font-family:var(--font-display);font-size:clamp(48px,6.5vw,86px);font-weight:600;line-height:1.05;color:var(--text);margin-bottom:1.5rem;letter-spacing:-2px}.hero-dash{color:var(--text3);font-weight:300}.hero-highlight{color:var(--accent)}.hero-highlight-2{background:linear-gradient(to right,var(--accent),var(--lime));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glow-text{text-shadow:0 0 30px rgba(0,255,179,.4);animation:glowPulse 3s infinite alternate}@keyframes glowPulse{0%{text-shadow:0 0 20px rgba(0,255,179,.2)}to{text-shadow:0 0 50px rgba(0,255,179,.6),0 0 10px rgba(0,255,179,.8)}}.hero-sub{font-size:19px;color:var(--text2);max-width:600px;line-height:1.7;margin-bottom:3rem;font-weight:300}.hero-search{margin-bottom:3rem}.search-pill{display:flex;align-items:center;background:#0710184d;border:1px solid rgba(255,255,255,.15);border-radius:50px;padding:6px 6px 6px 20px;max-width:580px;gap:12px;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);box-shadow:0 10px 40px #00000080;transition:all .3s cubic-bezier(.2,.8,.2,1)}.search-pill:focus-within{background:#071018cc;border-color:#12e5a080;box-shadow:0 15px 50px #0009,0 0 0 4px #12e5a01a}.search-ico{color:var(--text3);transition:color .3s}.search-pill:focus-within .search-ico{color:var(--accent)}.search-input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:16px;font-weight:400}.search-input::placeholder{color:var(--text3);font-weight:300}.search-submit{background:var(--accent);color:var(--bg);font-size:14px;font-weight:600;padding:12px 28px;border-radius:40px;transition:all .3s}.search-submit:hover{background:var(--lime);transform:scale(1.02);box-shadow:0 0 20px #a3ff6e66}.search-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;max-width:580px}.chip{font-size:11px;padding:6px 14px;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text2);letter-spacing:.5px;transition:all .2s}.chip:hover{background:#12e5a01a;border-color:#12e5a04d;color:var(--accent);transform:translateY(-2px)}.hero-actions{display:flex;gap:1rem;margin-bottom:3.5rem;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--bg);padding:14px 34px;border-radius:30px;background:var(--text);transition:all .3s;letter-spacing:.3px}.btn-primary:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 10px 20px #12e5a033}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:var(--text);padding:14px 34px;border-radius:30px;border:1px solid var(--border2);transition:all .3s}.btn-ghost:hover{border-color:var(--text);background:#ffffff0d;transform:translateY(-2px)}.hero-stats{display:flex;align-items:center;gap:2rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.08);max-width:500px}.stat{display:flex;flex-direction:column;gap:4px}.stat-num{font-family:var(--font-display);font-size:24px;font-weight:600;color:var(--text)}.stat-label{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:1px}.stat-div{width:1px;height:30px;background:#ffffff14}.featured-section{margin:5rem auto 3rem}.section-label{font-family:var(--font-display);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:1.5rem;font-weight:600;display:flex;align-items:center;gap:12px}.section-label:before{content:"";width:20px;height:2px;background:var(--accent)}.featured-card{display:grid;grid-template-columns:1.3fr 1fr;border-radius:var(--r);overflow:hidden;border:1px solid var(--border);background:var(--surface);transition:all .4s ease;box-shadow:0 20px 40px #0000004d}.featured-card:hover{border-color:#12e5a04d;box-shadow:0 30px 60px #00000080;transform:translateY(-4px)}.featured-img{position:relative;aspect-ratio:16/9;overflow:hidden}.featured-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.featured-card:hover .featured-img img{transform:scale(1.06)}.featured-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,transparent 50%,var(--surface))}.featured-info{padding:3rem;display:flex;flex-direction:column;justify-content:center;gap:1rem}.featured-cat{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);font-weight:600}.featured-title{font-family:var(--font-display);font-size:32px;font-weight:600;color:var(--text);line-height:1.2}.featured-excerpt{font-size:15px;color:var(--text2);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-meta{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text3);margin-top:1rem;border-top:1px solid var(--border);padding-top:1rem}.featured-read-btn{color:var(--accent);font-weight:500;display:flex;align-items:center;gap:6px;transition:gap .3s}.featured-card:hover .featured-read-btn{gap:10px}.popular-section{margin:4rem auto}.popular-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.popular-card{display:flex;align-items:flex-start;gap:1.2rem;padding:1.5rem;border-radius:var(--r-sm);background:#ffffff05;border:1px solid var(--border);transition:all .3s}.popular-card:hover{background:var(--surface2);border-color:#12e5a033;transform:translateY(-3px)}.popular-rank{font-family:var(--font-display);font-size:38px;color:#ffffff0d;font-weight:700;line-height:1;transition:color .3s}.popular-card:hover .popular-rank{color:#12e5a033}.popular-info{display:flex;flex-direction:column;gap:6px}.popular-title{font-size:16px;font-weight:500;color:var(--text);line-height:1.4}.popular-meta{font-size:12px;color:var(--text3);display:flex;align-items:center;gap:8px}.articles-section{margin:6rem auto 4rem}.section-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:2rem;margin-bottom:3rem}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{font-size:13px;padding:8px 18px;border-radius:30px;border:1px solid var(--border);color:var(--text2);transition:all .3s;background:#ffffff05}.filter-btn:hover{color:var(--text);border-color:var(--border2);background:#ffffff0d}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:500}.articles-grid,.grid-loading{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.skeleton-card{aspect-ratio:3/4;border-radius:var(--r);background:var(--surface);animation:skeletonPulse 1.5s ease-in-out infinite}@keyframes skeletonPulse{0%,to{opacity:.5}50%{opacity:.8}}.empty-state{text-align:center;color:var(--text3);padding:5rem 0;font-size:16px;background:#ffffff05;border-radius:var(--r);border:1px dashed var(--border)}.pagination{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:4rem 0}.page-btn{font-size:14px;font-weight:500;color:var(--text);padding:10px 24px;border-radius:30px;border:1px solid var(--border);transition:all .3s;background:var(--surface)}.page-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:0 5px 15px #12e5a01a}.page-info{font-size:14px;color:var(--text2);font-weight:500}@media (max-width: 1024px){.hero-title{font-size:clamp(40px,6vw,60px)}.featured-card{grid-template-columns:1fr}.featured-img-overlay{background:linear-gradient(to top,var(--surface) 0%,transparent 50%)}.popular-grid{grid-template-columns:repeat(2,1fr)}.articles-grid,.grid-loading{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 680px){.hero-content{padding:6rem 0 4rem}.hero-stats{flex-wrap:wrap;gap:1.5rem}.stat-div{display:none}.hero-actions{flex-direction:column;width:100%}.btn-primary,.btn-ghost{width:100%}.search-pill{flex-wrap:wrap;border-radius:var(--r);padding:1rem}.search-submit{width:100%;border-radius:var(--r-sm)}.popular-grid,.articles-grid,.grid-loading{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}}.articles-list-page{padding-top:64px;min-height:100vh}.list-hero{padding:4rem 0 2.5rem;border-bottom:.5px solid var(--border);background:linear-gradient(to bottom,var(--bg2),var(--bg))}.list-title{font-family:var(--font-display);font-size:40px;font-weight:400;color:var(--text);margin-bottom:.5rem}.list-sub{font-size:15px;color:var(--text3);margin-bottom:1.5rem}.search-bar{display:flex;gap:0;max-width:480px}.search-bar input{flex:1;background:var(--bg3);border:.5px solid var(--border);border-right:none;border-radius:var(--r-sm) 0 0 var(--r-sm);color:var(--text);padding:.7rem 1rem;font-size:14px;transition:border-color .2s}.search-bar input:focus{outline:none;border-color:#b8a9ff80}.search-bar input::placeholder{color:var(--text3)}.search-bar button{background:#b8a9ff1f;border:.5px solid rgba(184,169,255,.3);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--accent);padding:.7rem 1.2rem;font-size:13px;transition:background .2s}.search-bar button:hover{background:#b8a9ff33}.list-body{padding:2rem 2rem 4rem}.list-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:2rem}.filter-btn{font-size:12px;padding:5px 14px;border-radius:20px;border:.5px solid var(--border);color:var(--text3);transition:all .2s}.filter-btn:hover{color:var(--text);border-color:var(--border2)}.filter-btn.active{background:#b8a9ff1f;border-color:#b8a9ff66;color:var(--accent)}.articles-grid,.grid-loading{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.skeleton-card{aspect-ratio:3/4;border-radius:var(--r);background:var(--bg2);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.7}}.empty-state{text-align:center;color:var(--text3);padding:4rem 0;font-size:15px}.pagination{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:3rem 0}.page-btn{font-size:13px;color:var(--text2);border:.5px solid var(--border);padding:7px 16px;border-radius:20px;transition:all .2s}.page-btn:hover:not(:disabled){color:var(--accent);border-color:#b8a9ff66}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-info{font-size:13px;color:var(--text3)}@media (max-width: 900px){.articles-grid,.grid-loading{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.articles-grid,.grid-loading{grid-template-columns:1fr}}.article-page{padding-top:64px}.article-loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.loader{width:32px;height:32px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.article-hero{position:relative;height:65vh;min-height:400px;overflow:hidden}.article-hero img{width:100%;height:100%;object-fit:cover}.article-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#080c18,#080c1880,#080c1833)}.article-hero-content{position:absolute;bottom:0;left:50%;transform:translate(-50%);padding:3rem 2rem;width:100%}.back-link{display:inline-block;font-size:13px;color:var(--text3);margin-bottom:1.2rem;transition:color .2s}.back-link:hover{color:var(--accent)}.article-cat{display:inline-block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);border:.5px solid rgba(184,169,255,.3);padding:3px 10px;border-radius:12px;margin-bottom:.8rem}.article-headline{font-family:var(--font-display);font-size:clamp(32px,5vw,56px);margin:1.5rem 0 1rem;color:var(--text);line-height:1.15}.edit-link{margin-top:1.5rem;font-size:13px;color:var(--accent);padding:8px 16px;border-radius:20px;border:.5px solid rgba(74,222,128,.3);background:#4ade800d;transition:all .2s}.edit-link:hover{background:#4ade801a;transform:scale(1.05)}.content-li{margin-left:1.5rem;margin-bottom:.8rem;color:var(--text2);display:list-item;list-style-type:disc}.content-spacer{height:1.5rem}.article-body{display:grid;grid-template-columns:1fr 320px;gap:3rem;padding-top:3rem}.article-byline{display:flex;gap:.5rem;flex-wrap:wrap;font-size:13px;color:var(--text3)}.article-excerpt{font-size:19px;color:var(--text2);line-height:1.7;border-left:2px solid var(--accent);padding-left:1.2rem;margin-bottom:2rem;font-family:var(--font-display);font-style:italic}.article-content{font-size:16px;color:var(--text2);line-height:1.85}.article-content h1,.article-content h2{font-family:var(--font-display);font-weight:500;color:var(--text);margin:2rem 0 .8rem}.article-content h1{font-size:26px}.article-content h2{font-size:22px}.article-content p{margin-bottom:1rem}.article-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin:2.5rem 0;padding:1.5rem 0;border-top:.5px solid var(--border);border-bottom:.5px solid var(--border)}.like-btn{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text3);border:.5px solid var(--border);padding:8px 16px;border-radius:20px;transition:all .2s}.like-btn:hover{color:#e87aa0;border-color:#e87aa066}.like-btn.liked{color:#e87aa0;border-color:#e87aa066;background:#e87aa014}.article-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{font-size:12px;color:var(--text3);border:.5px solid var(--border);padding:4px 10px;border-radius:12px}.comments-section{margin-top:2.5rem}.comments-title{font-family:var(--font-display);font-size:20px;font-weight:500;color:var(--text);margin-bottom:1.5rem}.comment-form{margin-bottom:2rem}.comment-form textarea{width:100%;background:var(--bg2);border:.5px solid var(--border);border-radius:var(--r-sm);color:var(--text);padding:.9rem;font-size:14px;resize:vertical;transition:border-color .2s}.comment-form textarea:focus{outline:none;border-color:var(--border2)}.comment-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:.7rem}.char-count{font-size:12px;color:var(--text3)}.submit-btn{font-size:13px;color:var(--accent);border:.5px solid rgba(184,169,255,.3);padding:7px 18px;border-radius:20px;background:#b8a9ff14;transition:all .2s}.submit-btn:hover:not(:disabled){background:#b8a9ff2e}.submit-btn:disabled{opacity:.4;cursor:not-allowed}.login-prompt{font-size:14px;color:var(--text3);padding:1rem;border:.5px dashed var(--border);border-radius:var(--r-sm);text-align:center;margin-bottom:1.5rem}.login-prompt a{color:var(--accent)}.comments-list{display:flex;flex-direction:column;gap:1.2rem}.comment{display:flex;gap:1rem}.comment-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:#b8a9ff26;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:var(--accent)}.comment-body{flex:1}.comment-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.3rem}.comment-author{font-size:14px;font-weight:500;color:var(--text)}.comment-date{font-size:12px;color:var(--text3)}.comment-body p{font-size:14px;color:var(--text2);line-height:1.6}.article-sidebar{position:sticky;top:80px;display:flex;flex-direction:column;gap:1rem}.sidebar-card{background:var(--bg2);border:.5px solid var(--border);border-radius:var(--r);padding:1.2rem}.sidebar-label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);margin-bottom:.9rem}.author-info{display:flex;gap:12px;align-items:flex-start}.author-avatar{width:40px;height:40px;border-radius:50%;background:#b8a9ff26;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:var(--accent);flex-shrink:0}.author-name{font-size:14px;font-weight:500;color:var(--text);margin-bottom:4px}.author-bio{font-size:13px;color:var(--text3);line-height:1.5}.sidebar-tags{display:flex;gap:8px;flex-wrap:wrap}.sidebar-back{font-size:13px;color:var(--text3);transition:color .2s}.sidebar-back:hover{color:var(--accent)}@media (max-width: 900px){.article-body{grid-template-columns:1fr}.article-sidebar{position:static}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.auth-glow{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(184,169,255,.07) 0%,transparent 70%);pointer-events:none}.auth-card{width:100%;max-width:400px;background:var(--bg2);border:.5px solid var(--border);border-radius:var(--r);padding:2.5rem;position:relative;z-index:1}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo a{font-family:var(--font-display);font-size:22px;color:var(--accent2)}.auth-title{font-family:var(--font-display);font-size:24px;font-weight:500;color:var(--text);text-align:center;margin-bottom:6px}.auth-sub{font-size:14px;color:var(--text3);text-align:center;margin-bottom:2rem}.auth-error{background:#e864641a;border:.5px solid rgba(232,100,100,.3);color:#f08080;font-size:13px;padding:.7rem 1rem;border-radius:var(--r-sm);margin-bottom:1.2rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group label{font-size:13px;color:var(--text3)}.form-group input{background:var(--bg3);border:.5px solid var(--border);border-radius:var(--r-sm);color:var(--text);padding:.75rem 1rem;font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#b8a9ff80}.form-group input::placeholder{color:var(--text3)}.auth-btn{margin-top:.5rem;padding:.8rem;border-radius:var(--r-sm);background:#b8a9ff26;border:.5px solid rgba(184,169,255,.35);color:var(--accent2);font-size:14px;font-weight:500;transition:all .2s}.auth-btn:hover:not(:disabled){background:#b8a9ff40}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-switch{font-size:13px;color:var(--text3);text-align:center;margin-top:1.5rem}.auth-switch a{color:var(--accent)}.admin-page{padding:90px 0 4rem;min-height:100vh}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.admin-title{font-family:var(--font-display);font-size:28px;font-weight:500;color:var(--text)}.admin-sub{font-size:14px;color:var(--text3);margin-top:4px}.new-btn{font-size:13px;color:var(--accent);border:.5px solid rgba(184,169,255,.35);padding:8px 20px;border-radius:20px;background:#b8a9ff1a;transition:all .2s}.new-btn:hover{background:#b8a9ff33}.admin-msg{padding:.8rem 1rem;border-radius:var(--r-sm);font-size:14px;margin-bottom:1.5rem}.admin-msg.success{background:#64c8641a;color:#80e080;border:.5px solid rgba(100,200,100,.3)}.admin-msg.error{background:#e864641a;color:#f08080;border:.5px solid rgba(232,100,100,.3)}.article-form-wrap{background:var(--bg2);border:.5px solid var(--border);border-radius:var(--r);padding:2rem;margin-bottom:2rem}.form-title{font-family:var(--font-display);font-size:20px;font-weight:500;color:var(--text);margin-bottom:1.5rem}.article-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;color:var(--text3);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{background:var(--bg3);border:.5px solid var(--border);border-radius:var(--r-sm);color:var(--text);padding:.7rem .9rem;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#b8a9ff80}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-group textarea{resize:vertical;font-family:var(--font-body);line-height:1.6}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text3)}.checkboxes{justify-content:center;gap:.8rem}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text2);cursor:pointer}.checkbox-label input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px}.img-preview{border-radius:var(--r-sm);overflow:hidden;max-height:180px}.img-preview img{width:100%;height:180px;object-fit:cover}.save-btn{padding:.8rem;border-radius:var(--r-sm);margin-top:.5rem;background:#b8a9ff26;border:.5px solid rgba(184,169,255,.35);color:var(--accent2);font-size:14px;font-weight:500;transition:all .2s}.save-btn:hover:not(:disabled){background:#b8a9ff40}.save-btn:disabled{opacity:.5;cursor:not-allowed}.admin-table-wrap{background:var(--bg2);border:.5px solid var(--border);border-radius:var(--r);overflow:hidden}.table-header{padding:1rem 1.5rem;border-bottom:.5px solid var(--border);font-size:12px;color:var(--text3);text-transform:uppercase;letter-spacing:.5px}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--text3);padding:.8rem 1.5rem;border-bottom:.5px solid var(--border);font-weight:400}.admin-table td{padding:1rem 1.5rem;border-bottom:.5px solid var(--border);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#ffffff05}.table-title{font-size:14px;color:var(--text);max-width:360px}.table-cat{font-size:11px;color:var(--accent);background:#b8a9ff1a;border:.5px solid rgba(184,169,255,.2);padding:3px 10px;border-radius:12px}.table-num{font-size:14px;color:var(--text2)}.table-status{font-size:11px;padding:3px 10px;border-radius:12px}.table-status.pub{color:#80d4a0;background:#64c8781a;border:.5px solid rgba(100,200,120,.25)}.table-status.draft{color:var(--text3);background:var(--bg3);border:.5px solid var(--border)}.table-actions{display:flex;gap:8px}.table-btn{font-size:12px;padding:4px 12px;border-radius:12px;transition:all .2s;cursor:pointer}.table-btn.view{color:var(--accent);border:.5px solid rgba(184,169,255,.25)}.table-btn.view:hover{background:#b8a9ff1a}.table-btn.edit{color:var(--accent);border:.5px solid rgba(74,222,128,.25);background:none}.table-btn.edit:hover{background:#4ade801a}.table-btn.delete{color:#f08080;border:.5px solid rgba(232,100,100,.25);background:none}.table-btn.delete:hover{background:#e864641a}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.admin-table th:nth-child(3),.admin-table td:nth-child(3){display:none}}.static-page{padding:120px 0 6rem;min-height:80vh}.static-container{max-width:800px;margin:0 auto}.static-title{font-family:var(--font-display);font-size:42px;font-weight:600;margin-bottom:2rem;color:var(--accent)}.static-content{font-size:17px;line-height:1.8;color:var(--text2)}.static-content p{margin-bottom:1.5rem}.static-content h2{font-family:var(--font-display);font-size:24px;color:var(--text);margin:2.5rem 0 1rem}.static-content ul{margin:1rem 0 1.5rem 1.5rem}.static-content li{margin-bottom:.5rem}@media (max-width: 768px){.static-title{font-size:32px}.static-content{font-size:16px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #04090a;--bg2: #071018;--bg3: #0b1a20;--surface: #0f2230;--surface2: #162c3a;--border: rgba(255,255,255,.06);--border2: rgba(255,255,255,.12);--accent: #00ffb3;--accent-glow: rgba(0,255,179,.35);--accent2: #06de96;--lime: #aeff00;--lime-dim: rgba(174,255,0,.15);--gold: #f0c040;--text: #e8f4f0;--text2: rgba(232,244,240,.62);--text3: rgba(232,244,240,.38);--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--r: 14px;--r-sm: 8px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04;mix-blend-mode:overlay}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{cursor:pointer;font-family:var(--font-body);border:none;background:none}input,textarea{font-family:var(--font-body)}.container{max-width:1280px;margin:0 auto;padding:0 2rem}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border2)}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-up{animation:fadeUp .7s cubic-bezier(.22,1,.36,1) forwards}.fade-in{animation:fadeIn .5s ease forwards}