:root{--bg:#f6f8fd;--panel:#fff;--text:#14213b;--muted:#758198;--line:#e7ecf5;--primary:#4168ed;--primary-dark:#294acf;--soft:#eef2ff;--shadow:0 12px 40px rgba(31,56,100,.07);--radius:21px;--radius-sm:13px;--header:#fffffff0;color-scheme:light}
html[data-theme=dark]{--bg:#0d1322;--panel:#151f33;--text:#e9eef9;--muted:#a5b0c5;--line:#2b3750;--primary:#829bff;--primary-dark:#a8baff;--soft:#273555;--shadow:0 12px 40px #0002;--header:#131d30e8;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;line-height:1.6;font-size:15px;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.container{max-width:1260px;padding:0 24px;margin:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25;letter-spacing:-.034em}p{color:var(--muted)}.muted{color:var(--muted)}.site-header{position:sticky;top:0;z-index:50;background:var(--header);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px}.brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:850;letter-spacing:-.8px;white-space:nowrap}.brand small{display:block;font-size:8px;color:var(--muted);letter-spacing:1.35px;font-weight:700;margin-top:-5px}.brand-mark{width:44px;height:44px;background:linear-gradient(135deg,#4d7bff,#7b58e7);display:grid;place-items:center;color:#fff;border-radius:14px;box-shadow:0 6px 15px #4769ea43}.brand-mark .bi{font-size:23px}.top-nav{display:flex;align-items:center;gap:8px}.top-nav a{font-weight:650;font-size:13px;color:var(--muted);padding:10px 12px;border-radius:11px;white-space:nowrap;transition:.2s}.top-nav a:hover,.top-nav a.active{background:var(--soft);color:var(--primary)}.header-actions{display:flex;align-items:center;gap:9px}.icon-button{border:1px solid var(--line);background:var(--panel);color:var(--text);width:40px;height:40px;border-radius:12px;display:grid;place-items:center}.icon-button i{font-size:19px}.language-select{border:1px solid var(--line);background:var(--panel);height:40px;padding:0 7px 0 11px;border-radius:12px;display:flex;align-items:center;gap:4px;color:var(--primary)}.language-select select{background:transparent;color:var(--text);border:0;outline:0;font-size:12px;font-weight:800;max-width:65px}.mobile-menu{display:none}.hero-intro{position:relative;margin:34px 0 26px;border-radius:29px;background:linear-gradient(116deg,#1f3b83 0%,#465bea 55%,#856bee 100%);min-height:295px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:28px;overflow:hidden;color:#fff}.hero-intro:after{content:"";position:absolute;width:450px;height:450px;border:85px solid #ffffff15;right:-165px;top:-165px;border-radius:50%;pointer-events:none}.hero-intro>div,.hero-search{z-index:1}.hero-intro h1{max-width:650px;font-size:clamp(28px,3vw,44px);font-weight:850;margin:8px 0 16px;color:#fff}.hero-intro p{color:#dfe9ff;max-width:525px;margin-bottom:0}.eyebrow{color:var(--primary);font-size:11px;letter-spacing:1.7px;text-transform:uppercase;font-weight:850}.hero-intro .eyebrow{color:#bcd4ff;display:flex;align-items:center;gap:8px}.pulse-dot{width:8px;height:8px;background:#6ff5ca;box-shadow:0 0 0 5px #68ffc329;border-radius:50%}.hero-search{display:flex;align-items:center;gap:12px;background:#ffffffef;padding:8px 9px 8px 17px;border-radius:18px;max-width:360px;min-width:310px;box-shadow:0 22px 50px #161c6340;color:#56709b}.hero-search input{border:0;outline:0;min-width:0;width:100%;background:transparent;color:#1e2d43;font-size:13px}.hero-search button{border:0;border-radius:12px;background:#4268ec;color:white;padding:12px 14px;font-weight:750;white-space:nowrap;font-size:12px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:27px 0 17px}.section-head h2{font-size:24px;letter-spacing:-.6px;margin:0}.section-head p{margin:4px 0 0}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:32px}.post-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 22px #283b6710;min-width:0;display:flex;flex-direction:column}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--soft)}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.post-card:hover .card-media img{transform:scale(1.035)}.type-tag{position:absolute;top:14px;left:14px;background:#fffef6f0;color:#28365a;font-size:11px;font-weight:800;padding:7px 11px;border-radius:10px;backdrop-filter:blur(8px)}.type-tag i{margin-right:3px;color:#546cef}.card-content{padding:19px 20px 17px;display:flex;flex-direction:column;flex:1}.post-date{color:var(--muted);font-size:11px;font-weight:650;margin-bottom:10px}.post-date i{color:var(--primary);margin-right:5px}.post-card h3{font-size:17px;font-weight:820;margin-bottom:9px}.post-card h3 a:hover{color:var(--primary)}.post-card p{font-size:12.5px;line-height:1.65;margin-bottom:18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{margin-top:auto;display:flex;align-items:center;gap:13px;color:var(--muted);font-size:11px;font-weight:650;padding-top:15px;border-top:1px solid var(--line)}.card-meta i{margin-right:3px}.card-meta a{color:var(--primary);margin-left:auto;font-weight:800;white-space:nowrap}.post-card-feature .card-media{aspect-ratio:16/8}.post-card-feature h3{font-size:20px}.post-card-feature .card-content{padding:22px 24px}.main-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:28px;align-items:start;margin-bottom:70px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sidebar{display:flex;flex-direction:column;gap:18px;padding-top:26px}.search-box{display:flex;align-items:center;gap:8px;padding:9px 10px 9px 14px;border-radius:17px;background:var(--panel);border:1px solid var(--line)}.search-box>i{color:var(--primary)}.search-box input{border:0;background:transparent;color:var(--text);outline:0;min-width:0;width:100%;font-size:12px}.search-box button{border:0;color:white;background:var(--primary);height:35px;width:35px;border-radius:11px;flex:none}.side-panel{background:var(--panel);border:1px solid var(--line);border-radius:19px;padding:20px}.side-panel h3{font-size:15px;margin-bottom:15px}.side-panel h3 i{color:var(--primary);margin-right:7px}.side-categories{display:flex;flex-direction:column}.side-categories a{border-top:1px solid var(--line);padding:12px 2px;font-size:13px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:10px}.side-categories a:hover{color:var(--primary)}.side-categories i{font-size:10px;color:var(--primary)}.ad-box{border:1px dashed #bdc6df;border-radius:15px;padding:12px;background:var(--panel);margin:14px 0}.ad-box small{display:block;letter-spacing:1.2px;text-transform:uppercase;text-align:center;font-size:9px;color:var(--muted);margin-bottom:10px}.ad-box img{width:100%;height:auto;max-height:250px;object-fit:contain;border-radius:10px}.quick-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:35px 0}.quick-categories a{display:flex;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:15px;font-weight:750;font-size:13px}.quick-categories a i:first-child{background:var(--soft);color:var(--primary);border-radius:11px;padding:8px;font-size:18px}.quick-categories a i:last-child{margin-left:auto;color:var(--primary)}.page-title{padding:43px 0 22px}.page-title h1{font-size:37px;margin:9px 0 6px}.page-title p{max-width:680px}.state-empty{background:var(--panel);border:1px solid var(--line);border-radius:23px;padding:65px 30px;text-align:center;margin:20px 0 35px}.state-empty>i{font-size:43px;color:var(--primary)}.state-empty h1{font-size:28px}.state-404{margin:80px auto;max-width:650px}.error-code{font-size:100px;font-weight:900;color:var(--primary);letter-spacing:-10px;line-height:1.2}.pager{display:flex;gap:18px;align-items:center;justify-content:center;margin:36px 0}.pager a{padding:10px 15px;border:1px solid var(--line);background:var(--panel);border-radius:12px;color:var(--primary);font-weight:700}.pager span{color:var(--muted)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:32px;align-items:start;margin:30px 0 65px}.article-layout .sidebar{padding-top:40px}.article-main{min-width:0}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin:16px 0 31px;flex-wrap:wrap}.breadcrumbs a:hover{color:var(--primary)}.breadcrumbs i{font-size:9px}.article-top .pill{background:var(--soft);color:var(--primary);border-radius:8px;padding:8px 11px;font-weight:800;font-size:11px;display:inline-block}.article-top h1{font-size:clamp(28px,3.2vw,43px);line-height:1.18;margin:18px 0}.article-summary{font-size:17px;line-height:1.7}.article-stats{display:flex;flex-wrap:wrap;gap:22px;color:var(--muted);font-size:12px;margin:23px 0}.article-stats i{margin-right:5px;color:var(--primary)}.article-cover{margin:0 0 26px}.article-cover img{width:100%;max-height:510px;object-fit:cover;border-radius:22px;aspect-ratio:16/9;background:var(--soft)}.article-cover figcaption{font-size:11px;color:var(--muted);margin:9px 0}.article-body{font-size:16px;line-height:1.9;color:var(--text);word-break:break-word}.article-body p{color:var(--text);margin-bottom:20px}.article-body h2,.article-body h3{margin:30px 0 13px}.article-body a{color:var(--primary);text-decoration:underline}.article-body ul{padding-left:25px}.article-body li{margin-bottom:10px}.media-section{margin-top:35px}.media-section h2,.comments-wrap h2{font-size:22px;margin-bottom:18px}.media-section h2 i,.comments-wrap h2 i{color:var(--primary);margin-right:8px}.video-frame{aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#101c33}.video-frame iframe{width:100%;height:100%;border:0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery-grid a{border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:var(--soft)}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.25s}.gallery-grid a:hover img{transform:scale(1.045)}.app-download{display:flex;align-items:center;gap:17px;background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:20px;margin-bottom:16px}.app-glyph{width:62px;height:62px;border-radius:17px;background:var(--panel);display:grid;place-items:center;color:#47a65c;flex:none;font-size:30px}.app-info{min-width:0;flex:1}.app-info>strong{font-size:19px}.app-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11px;color:var(--muted);margin-top:7px}.app-meta b{font-weight:750;color:var(--text)}.download-warning{color:var(--muted);font-size:12px;margin:0 0 22px}.download-warning i{color:#29a36b}.button{border:0;display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:13px;padding:11px 17px;font-size:13px;font-weight:800;text-align:center;white-space:nowrap;min-height:44px;transition:.2s}.button:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-soft{background:var(--soft);color:var(--primary)}.btn-liked{background:#ffe6ed;color:#db4876}.share-bar{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-top:35px}.comments-wrap{margin:45px 0}.comments-wrap h2 span{font-size:13px;color:var(--primary);background:var(--soft);padding:4px 8px;border-radius:9px}.comment-form{background:var(--panel);padding:24px;border-radius:20px;border:1px solid var(--line);display:grid;gap:12px}.comment-form label{display:block;font-weight:700;font-size:12px}.comment-form label span{display:block;margin-bottom:7px}.comment-form input:not([type=hidden]),.comment-form textarea{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--text);padding:12px 13px;border-radius:11px;outline-color:var(--primary)}.two-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comment-form button{justify-self:start}.honeypot{display:none!important}.comments-list{margin:25px 0}.comment{display:flex;align-items:start;gap:12px;border-bottom:1px solid var(--line);padding:20px 2px}.avatar-letter{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--soft);color:var(--primary);font-size:20px;font-weight:800;flex:none}.comment>div{flex:1}.comment-author{display:flex;align-items:center;gap:12px;font-size:13px}.comment-author time{font-size:11px;color:var(--muted)}.comment p{margin:9px 0 0;font-size:13px;color:var(--text);white-space:normal;overflow-wrap:anywhere}.related-wrap{margin:50px 0}.related-wrap .cards-grid{grid-template-columns:repeat(3,1fr)}.static-page{max-width:900px;background:var(--panel);border-radius:22px;padding:32px;margin:0 0 60px;border:1px solid var(--line)}.alert{margin:20px 0 0;padding:13px 16px;border-radius:13px;font-size:13px;font-weight:650}.alert-success{background:#e6f8ee;color:#177049}.alert-error{background:#ffe9ed;color:#b72d53}.site-footer{background:var(--panel);border-top:1px solid var(--line);margin-top:30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding-top:48px;padding-bottom:42px}.footer-brand{font-size:22px;font-weight:850}.footer-brand i{color:var(--primary)}.footer-grid p{font-size:13px;max-width:310px}.footer-grid strong{font-size:14px;display:block;margin-bottom:14px}.footer-links{display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--muted)}.footer-links a:hover{color:var(--primary)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;padding-bottom:22px;color:var(--muted);font-size:12px}.footer-bottom a{color:var(--primary)}.mobile-bottom{display:none}
@media(max-width:1150px){.container{padding:0 18px}.top-nav{gap:0}.top-nav a{padding:9px}.main-layout,.article-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-intro{padding:34px}}
@media(max-width:900px){.top-nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--panel);border-bottom:1px solid var(--line);padding:14px 20px;box-shadow:var(--shadow);flex-wrap:wrap;gap:5px}.top-nav.open{display:flex}.top-nav a{padding:12px 15px}.mobile-menu{display:grid}.main-layout,.article-layout{grid-template-columns:1fr}.sidebar{padding:0;display:grid;grid-template-columns:1fr 1fr}.article-layout .sidebar{padding-top:0}.sidebar .search-box{grid-column:1/-1}.hero-intro{display:block;min-height:260px}.hero-search{max-width:530px;margin-top:20px}.footer-grid{gap:25px}}
@media(max-width:600px){body{font-size:14px}.container{padding:0 14px}.header-inner{min-height:65px;gap:8px}.brand{font-size:19px;gap:8px}.brand-mark{width:38px;height:38px;border-radius:12px}.brand small{font-size:7px}.header-actions{gap:5px}.header-actions .icon-button,.language-select{height:35px}.header-actions .icon-button{width:35px}.language-select{padding:0 4px 0 6px}.language-select select{font-size:11px;max-width:53px}.top-nav{top:64px;justify-content:center}.hero-intro{padding:28px 23px;border-radius:21px;margin:18px 0}.hero-intro:after{right:-310px}.hero-intro h1{font-size:27px}.hero-intro p{font-size:13px}.hero-search{min-width:0;width:100%;padding:5px 6px 5px 11px;border-radius:13px}.hero-search button{padding:10px}.section-head{margin:24px 0 14px}.section-head h2{font-size:21px}.feature-grid{grid-template-columns:1fr;gap:13px;margin-bottom:15px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card-media{aspect-ratio:16/11}.card-content{padding:11px 11px 13px}.post-card h3{font-size:13px;line-height:1.3}.post-card p{font-size:11px;line-height:1.45;-webkit-line-clamp:2;margin-bottom:9px}.post-date{font-size:9px;margin-bottom:7px}.type-tag{font-size:9px;left:8px;top:8px;padding:5px 7px}.card-meta{gap:7px;font-size:9px;padding-top:9px}.card-meta a{font-size:0}.card-meta a i{font-size:12px}.post-card-feature .card-content{padding:14px}.post-card-feature h3{font-size:16px}.post-card-feature .card-media{aspect-ratio:16/9}.post-card-feature .card-meta a{font-size:11px}.main-layout{margin-bottom:32px}.sidebar{display:flex;gap:13px}.side-panel{padding:16px}.quick-categories{gap:9px;margin:22px 0}.quick-categories a{font-size:11px;padding:9px;gap:6px}.quick-categories a i:first-child{font-size:16px;padding:6px}.page-title{padding:30px 0 12px}.page-title h1{font-size:27px}.article-layout{margin:12px 0 35px}.breadcrumbs{font-size:10px;margin:12px 0 20px}.article-top h1{font-size:28px}.article-summary{font-size:14px}.article-stats{gap:12px;font-size:11px}.article-cover img{border-radius:15px}.article-body{font-size:15px;line-height:1.8}.app-download{flex-wrap:wrap;padding:14px;gap:11px}.app-download .button{width:100%}.app-glyph{width:49px;height:49px;font-size:24px}.app-info>strong{font-size:16px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.two-inputs{grid-template-columns:1fr;gap:9px}.comment-form{padding:15px}.related-wrap .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr;gap:20px;padding-top:30px;padding-bottom:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{font-size:10px;gap:10px;padding-bottom:100px}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:45;justify-content:space-around;align-items:center;background:var(--header);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-top:1px solid var(--line);padding:7px 4px max(8px,env(safe-area-inset-bottom))}.mobile-bottom a{display:flex;align-items:center;flex-direction:column;gap:1px;font-size:9px;color:var(--muted);font-weight:700;min-width:55px}.mobile-bottom i{font-size:20px;color:var(--primary)}.static-page{padding:20px}.state-empty{padding:45px 20px}.error-code{font-size:82px}}
@media(max-width:360px){.brand small{display:none}.brand{font-size:17px}.header-actions .theme-toggle{display:none}.card-meta span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.brand-logo{width:44px;height:44px;object-fit:contain;border-radius:13px}@media(max-width:600px){.brand-logo{width:38px;height:38px}}