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