:root{--bg:#080c13;--panel:#111823;--panel2:#172231;--line:#253344;--txt:#f2f6fb;--muted:#92a1b5;--lime:#c3fb58;--pink:#ff70aa;--blue:#73c8ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font:15px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{max-width:1240px;margin:auto;padding:0 22px}.top{background:#0c121b;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.top .wrap{display:flex;justify-content:space-between;padding-top:8px;padding-bottom:8px}.nav{position:sticky;top:0;z-index:20;background:#0b1019f5;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.navin{display:flex;align-items:center;gap:30px;min-height:74px}.logo{font-size:25px;font-weight:950;letter-spacing:-1.3px;white-space:nowrap}.logo span{color:var(--lime)}.links{display:flex;gap:22px;font-weight:650;color:#cbd5e1;font-size:13px}.links a:hover,.links a.active{color:var(--lime)}.navright{margin-left:auto;display:flex;gap:9px}.btn{border:1px solid var(--line);background:var(--panel2);color:var(--txt);padding:10px 15px;border-radius:9px;font-weight:750}.btn.primary{background:var(--lime);color:#0b1008;border-color:var(--lime)}.btn:hover{filter:brightness(1.13)}.menu{display:none}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 78% 45%,#522a58 0%,transparent 42%),linear-gradient(120deg,#111b29 0%,#101b2d 52%,#231529 100%)}.hero:after{content:"";position:absolute;right:-7%;bottom:-160px;width:610px;height:610px;background:radial-gradient(circle,#ff70aa22,transparent 67%);pointer-events:none}.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;padding-top:75px;padding-bottom:75px}.eyebrow{color:var(--lime);font-size:12px;letter-spacing:2.1px;font-weight:900}.hero h1{font-size:clamp(45px,6vw,77px);line-height:1.02;letter-spacing:-3px;margin:14px 0 20px}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{max-width:580px;color:#bdc9d8;font-size:17px}.actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.actions .btn{padding:13px 20px}.heroCard{background:#101824cf;border:1px solid #ffffff24;border-radius:20px;padding:26px;box-shadow:0 25px 80px #0007}.heroCard .sub{font-size:12px;color:var(--muted);font-weight:800;letter-spacing:1.5px}.count{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:20px 0}.count div{background:#1d2938;border:1px solid #ffffff10;text-align:center;padding:13px 4px;border-radius:10px}.count strong{font-size:27px;display:block;color:var(--lime)}.count small{font-size:10px;color:var(--muted)}.heroCard .note{color:var(--muted);font-size:12px}.ticker{background:#141e2a;border-bottom:1px solid var(--line)}.ticker .wrap{display:flex;align-items:center;gap:20px;padding-top:13px;padding-bottom:13px;font-size:12px}.ticker strong{color:var(--lime);white-space:nowrap}.ticker span{color:#becbdb}.main{padding-top:44px;padding-bottom:70px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:18px}.sectionhead h2{margin:0;font-size:24px;letter-spacing:-.6px}.sectionhead p{margin:3px 0 0;color:var(--muted);font-size:13px}.more{color:var(--lime);font-size:13px;font-weight:750}.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px}.articles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.article{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .2s,border-color .2s}.article:hover{transform:translateY(-3px);border-color:#60784e}.art{height:175px;display:flex;align-items:end;padding:16px;background:linear-gradient(140deg,#34435c,#76415c 65%,#b96d75);position:relative;overflow:hidden}.art:after{content:"VI";position:absolute;right:12px;top:-48px;font-size:185px;font-weight:1000;opacity:.14}.art.a2{background:linear-gradient(135deg,#203c52,#346c75,#c18d72)}.art.a3{background:linear-gradient(135deg,#28334e,#704e89,#e0799c)}.art.a4{background:linear-gradient(135deg,#253b30,#467968,#e1ad68)}.tag{position:relative;z-index:1;background:var(--lime);color:#111b08;padding:5px 9px;font-size:10px;font-weight:900;border-radius:5px;letter-spacing:.5px}.tag.pink{background:var(--pink)}.tag.blue{background:var(--blue)}.article .body{padding:18px}.article h3{font-size:17px;line-height:1.35;margin:0 0 10px}.article p{color:var(--muted);font-size:13px;margin:0 0 18px}.meta{display:flex;justify-content:space-between;color:#8090a4;font-size:11px}.side{display:flex;flex-direction:column;gap:20px}.widget{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:20px}.widget h3{margin:0 0 15px;font-size:16px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:var(--panel2);border-radius:9px;padding:12px}.stat b{font-size:22px;color:var(--lime);display:block}.stat small{color:var(--muted);font-size:11px}.topics{display:flex;flex-direction:column}.topic{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:650}.topic:last-child{border-bottom:0;padding-bottom:0}.topic small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:3px}.join{background:linear-gradient(145deg,#27391d,#152521);border-color:#567333}.join p{font-size:13px;color:#c5d5bf}.join .btn{width:100%}.features{margin-top:48px}.featuregrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{border:1px solid var(--line);background:var(--panel);padding:22px;border-radius:14px;min-height:156px}.feature .ico{font-size:26px}.feature h3{font-size:15px;margin:14px 0 5px}.feature p{font-size:12px;color:var(--muted);margin:0}.footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:12px}.footer .wrap{display:flex;justify-content:space-between;gap:20px}.footer a{color:#d2dbe5}.search{display:flex;gap:8px;margin-top:16px}.search input{min-width:0;flex:1;border:1px solid var(--line);background:#0a111b;color:var(--txt);border-radius:8px;padding:10px}.search input:focus{outline:1px solid var(--lime)}@media(max-width:950px){.layout{grid-template-columns:1fr}.side{display:grid;grid-template-columns:repeat(2,1fr)}.side .join{grid-column:1/-1}.featuregrid{grid-template-columns:repeat(2,1fr)}.links{gap:12px}.navin{gap:18px}}@media(max-width:700px){.top{display:none}.navin{min-height:65px}.links{display:none;position:absolute;left:0;right:0;top:65px;background:#101823;border-bottom:1px solid var(--line);padding:20px;flex-direction:column}.links.open{display:flex}.menu{display:block}.navright .login{display:none}.hero .wrap{grid-template-columns:1fr;padding-top:50px;padding-bottom:45px;gap:25px}.hero h1{letter-spacing:-2px}.articles{grid-template-columns:1fr}.side{grid-template-columns:1fr}.featuregrid{grid-template-columns:1fr 1fr}.footer .wrap{flex-direction:column}.ticker span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heroCard{padding:20px}}@media(max-width:390px){.featuregrid{grid-template-columns:1fr}.logo{font-size:22px}.navright .btn.primary{padding:9px 10px}.count strong{font-size:22px}}

/* Blog application */
.article a{display:block}.article .art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.article .art .tag{align-self:end}.content{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px}.content h1{font-size:clamp(28px,4vw,48px);line-height:1.12}.content img{max-width:100%;height:auto;border-radius:12px}.content a:not(.btn){color:var(--lime)}.content p{line-height:1.85}.pager{display:flex;gap:10px;margin:25px 0}.pager a,.pager span{padding:9px 14px;border:1px solid var(--line);border-radius:8px}.pager .current{background:var(--lime);color:#111}.field{display:flex;flex-direction:column;gap:6px;margin:14px 0}.field input,.field textarea,.field select{width:100%;background:#0a111b;color:var(--txt);border:1px solid var(--line);padding:12px;border-radius:8px;font:inherit}.field textarea{min-height:150px}.alert{padding:14px;border-radius:8px;background:#34202b;margin:12px 0}.adminnav{display:flex;flex-wrap:wrap;gap:12px;padding:16px 0}.adminnav a{color:var(--lime)}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.muted{color:var(--muted)}.inline{display:inline}.inline button{padding:6px 10px}.check{display:flex;gap:8px;align-items:center}.check input{width:auto}.hero.compact .wrap{padding-top:38px;padding-bottom:38px}.hero.compact h1{font-size:42px}.empty{color:var(--muted);padding:30px 0}.article .body h3:hover{color:var(--lime)}

/* Article mobile responsiveness */
html,body{width:100%;max-width:100%;overflow-x:clip}
.wrap,.layout,.content,.post-body{min-width:0}
.article-page .layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start}
.article-page .content{overflow:hidden}
.article-page .content h1{font-size:clamp(1.7rem,3.6vw,2.8rem);line-height:1.18;letter-spacing:-.035em;overflow-wrap:anywhere;margin:10px 0 16px}
.article-page .content .muted{font-size:13px;line-height:1.65}
.article-page .article-cover{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:20px 0 26px;border-radius:12px}
.article-page .post-body{font-size:16px;line-height:1.8;overflow-wrap:anywhere;word-break:normal}
.article-page .post-body :is(h2,h3,h4,p,li,blockquote,a,pre,code){overflow-wrap:anywhere}
.article-page .post-body :is(h2,h3,h4){line-height:1.3;margin:1.5em 0 .65em}
.article-page .post-body p{margin:0 0 1.15em;line-height:1.85}
.article-page .post-body img,.article-page .post-body video,.article-page .post-body iframe,.article-page .post-body svg{display:block;max-width:100%;height:auto}
.article-page .post-body pre{max-width:100%;overflow-x:auto;white-space:pre-wrap}
.article-page .post-body table{display:block;width:max-content;max-width:100%;overflow-x:auto;border-collapse:collapse}
.article-page .post-body td,.article-page .post-body th{border:1px solid var(--line);padding:10px}
.article-page .post-body blockquote{margin:1.5em 0;padding:12px 18px;border-left:3px solid var(--lime);background:var(--panel2)}
@media(max-width:950px){.article-page .layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){
 .article-page.wrap{padding-left:14px;padding-right:14px}
 .article-page.main{padding-top:22px;padding-bottom:35px}
 .article-page .content{padding:18px 16px;border-radius:12px}
 .article-page .content h1{font-size:clamp(1.55rem,6.5vw,2.15rem);letter-spacing:-.025em;line-height:1.2}
 .article-page .article-cover{margin:16px 0 22px;border-radius:9px}
 .article-page .post-body{font-size:15px;line-height:1.75}
 .article-page .post-body :is(h2,h3){font-size:clamp(1.2rem,5vw,1.55rem)}
 .article-page .side{display:block;margin-top:18px}
 .article-page .side .widget{padding:16px}
 .navin{min-width:0}.logo{max-width:calc(100vw - 115px);overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:370px){.article-page .content{padding:16px 12px}.article-page.wrap{padding-left:10px;padding-right:10px}}

/* Article sharing controls */
.article-share{margin:24px 0;padding:18px 0;border-top:1px solid var(--line)}
.article-share strong{display:block;margin-bottom:12px}
.share-buttons{display:flex;gap:9px;flex-wrap:wrap}
.share-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border:1px solid var(--line);border-radius:9px;background:transparent;color:inherit;font:inherit;font-size:13px;line-height:1.3;text-decoration:none;cursor:pointer}
.share-btn:hover,.share-btn:focus-visible{border-color:currentColor}
.copy-feedback{display:block;margin-top:8px;font-size:13px}

/* Article engagement */
.view-eye{display:inline-block;vertical-align:-3px;margin-right:3px}
.share-btn{gap:8px;min-height:40px}
.share-btn img{display:block;width:19px;height:19px;filter:brightness(0) invert(1);opacity:.9}
.article-reactions{margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}
.article-reactions h2{font-size:18px;line-height:1.35;margin:0 0 16px}
.reaction-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.reaction-btn{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid var(--line);border-radius:12px;padding:12px 5px;background:var(--panel);color:inherit;cursor:pointer;font:inherit;transition:border-color .15s,transform .15s}
.reaction-btn:hover{border-color:var(--lime);transform:translateY(-2px)}
.reaction-btn[aria-pressed="true"]{border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}
.reaction-emoji{font-size:25px}.reaction-label{font-size:12px;text-align:center}.reaction-count{font-size:13px;color:var(--muted)}
.reaction-status{font-size:12px;color:var(--muted);min-height:1em;margin:10px 0 0}
@media(max-width:520px){.reaction-options{gap:5px}.article-reactions{padding:12px}.reaction-btn{padding:10px 2px}.reaction-emoji{font-size:22px}.reaction-label{font-size:10px}.share-label{font-size:12px}}

/* Homepage search and content enhancements */
.home-seo{margin-top:52px;padding:28px;border:1px solid var(--line);background:var(--panel);border-radius:16px}
.seo-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
.seo-panels h3{font-size:17px;margin:22px 0 9px}.seo-panels h3:first-child{margin-top:4px}
.seo-panels p{color:var(--muted);line-height:1.8;font-size:14px;margin:0 0 14px}
.seo-panels a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
.release-summary{line-height:1.7;font-size:14px!important;margin:18px 0 0}
@media(max-width:700px){.home-seo{padding:19px;margin-top:32px}.seo-panels{grid-template-columns:1fr;gap:8px}.hero h1{font-size:clamp(36px,8vw,56px)}}

/* Accessibility: footer links are recognizable without relying on color alone. */
.footer a:not(.logo){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.footer a:not(.logo):hover,.footer a:not(.logo):focus-visible{color:#fff;text-decoration-thickness:2px}
.footer a:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:2px}
/* Picture elements retain existing card crop and article cover layout. */
.article .art picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.article .art picture img{width:100%;height:100%;object-fit:cover}
.article-page .content picture{display:block;max-width:100%}