:root{--bg:#071321;--bg2:#0d2234;--accent:#78e6ec;--ink:#f5f9fc;--muted:#9db8c6;--line:rgba(163,220,230,.22);--paper:#eff7f9;--dark:#122c3b;--max:1300px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.65 Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.wrap{width:min(calc(100% - 80px),var(--max));margin-inline:auto}.skip,.sr{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden}.skip:focus{clip:auto;width:auto;height:auto;position:fixed;top:5px;left:5px;padding:12px;background:white;color:black;z-index:999}.site-top{position:sticky;top:0;z-index:80;backdrop-filter:blur(18px);background:#06111fe8;border-bottom:1px solid var(--line)}.top-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:900;letter-spacing:.1em;line-height:1.1}.logo small{display:block;color:#86acbd;font-size:8px;margin-top:7px;letter-spacing:.2em}.mono{display:grid;place-items:center;border:1px solid #6ed4e183;border-radius:14px;width:52px;height:52px;font:900 32px Impact,"Arial Narrow",sans-serif;color:white}.logo:hover{color:white}.site-top nav{display:flex;flex-wrap:wrap;gap:25px}.site-top nav a{font-size:12px;font-weight:750;color:#c6dae4}.site-top nav a[aria-current=page],.site-top nav a:hover{color:var(--accent)}.blog-hero{padding:110px 0 90px;background:radial-gradient(ellipse at 85% 35%,#184b5a80,transparent 52%),linear-gradient(90deg,#071321,#0c2134);position:relative;overflow:hidden}.blog-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,#bfeaf10b 1px,transparent 1px),linear-gradient(#bfeaf10b 1px,transparent 1px);background-size:80px 80px;pointer-events:none}.blog-hero>.wrap{position:relative}.eyebrow,.crumb{font-weight:850;font-size:11px;letter-spacing:.16em;color:var(--accent)}.blog-hero h1,.post h1,.admin-toolbar h1,.admin-login h1{font:900 clamp(58px,8vw,125px)/.96 Impact,"Arial Narrow","Franklin Gothic Heavy",sans-serif;letter-spacing:-.014em;margin:25px 0}.blog-hero h1 span,.admin-toolbar h1 span,.admin-login h1 span{color:var(--accent)}.blog-hero p:not(.eyebrow){max-width:650px;color:#b8cbd7;font-size:19px;line-height:1.7}.search{display:flex;max-width:620px;margin-top:40px;border:1px solid #80ccd76f;border-radius:90px;overflow:hidden;background:#091d2e}.search input{min-width:0;flex:1;background:transparent;border:0;color:white;padding:17px 23px;outline:none}.search button,.button-primary{border:0;border-radius:30px;background:var(--accent);color:#061523;font-size:12px;font-weight:850;letter-spacing:.06em;padding:16px 24px;transition:transform .2s,background .2s}.search button:hover,.button-primary:hover{background:#b7faff;transform:translateY(-1px)}.list-section{padding-block:85px 125px}.section-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.section-top strong{color:var(--muted);font-size:12px;letter-spacing:.1em}.categories{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 35px}.categories a,.tags span{display:inline-flex;padding:10px 17px;border:1px solid var(--line);border-radius:30px;font-size:11px;font-weight:850;letter-spacing:.05em;color:#c3d8e1}.categories a:hover,.categories a.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.post-card{display:flex;flex-direction:column;min-width:0;background:linear-gradient(135deg,#122a3c,#091a2a);border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:transform .28s,border-color .28s,box-shadow .28s}.post-card:hover{transform:translateY(-6px);border-color:#78e6ec88;box-shadow:0 20px 42px #020b16aa}.card-cover{height:218px;background:#123b4a;display:grid;place-content:center;overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.post-card:hover .card-cover img{transform:scale(1.045)}.fallback-cover{font:900 105px Impact,"Arial Narrow",sans-serif;color:#f3fcff}.fallback-cover span{color:var(--accent)}.card-body{padding:26px;display:flex;flex-direction:column;flex:1}.meta{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.07em}.meta time{color:var(--muted)}.post-card h2{font-size:clamp(23px,2vw,32px);line-height:1.16;letter-spacing:-.03em;margin:24px 0 14px}.post-card p{font-size:14px;line-height:1.7;color:#b3c8d3;margin:0 0 28px}.read{margin-top:auto;font-size:11px;font-weight:850;letter-spacing:.09em;color:var(--accent)}.empty{padding:75px;background:#122c3f;border:1px solid var(--line)}.pagination{display:flex;gap:12px;margin-top:45px}.pagination a{padding:9px 17px;border:1px solid var(--line);border-radius:8px}.pagination a[aria-current]{background:var(--accent);color:var(--bg)}.crumb{padding-top:35px;color:#7bbdc8}.post{max-width:920px;margin:35px auto 110px}.post-heading h1{font-size:clamp(48px,6.7vw,105px);overflow-wrap:anywhere}.post-intro{color:#b3cad6;font-size:22px;max-width:780px}.date{font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--accent);margin:30px 0}.cover{display:block;width:100%;max-height:560px;object-fit:cover;border-radius:14px;border:1px solid var(--line);margin:50px 0}.post-content{font-size:19px;line-height:1.95;color:#e5f1f5;overflow-wrap:anywhere}.post-content h2,.post-content h3{font-size:clamp(27px,3.2vw,46px);letter-spacing:-.02em;line-height:1.2;margin:55px 0 20px;color:white}.post-content p{margin:0 0 28px}.post-content ul{padding-left:26px}.post-content li{margin-bottom:10px}.post-content img{display:block;max-width:100%;border-radius:10px;margin:30px auto}.post-content a{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px;color:var(--accent)}.post-content code{font-size:.85em;background:#173247;padding:2px 5px;border-radius:4px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:48px}.post-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;border-top:1px solid var(--line);margin-top:65px;padding-top:30px;font-size:12px;letter-spacing:.07em;font-weight:850;color:var(--accent)}.site-foot{background:#030d18;border-top:1px solid var(--line);padding:65px 0}.site-foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}.site-foot strong{font:900 55px Impact,"Arial Narrow",sans-serif}.site-foot span,.site-foot a,.site-foot p{font-size:10px;letter-spacing:.12em;color:#a2bbc8}.admin-body{background:#081a29}.admin-main{padding:40px 0 120px;min-height:75vh}.admin-user{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#94acba;font-size:11px;letter-spacing:.08em;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:30px}.link-button{background:none;border:0;color:var(--accent);font-size:12px;font-weight:850}.admin-login{max-width:560px;padding-top:55px}.admin-login p{color:var(--muted)}.admin-login form,.editor-form{margin-top:32px}.admin-login label,.admin-field{display:flex;flex-direction:column;gap:8px;font-size:12px;letter-spacing:.03em;color:#b1cbd8;font-weight:750;margin-bottom:23px}.admin-login input,.admin-field input,.admin-field textarea,.admin-field select{width:100%;background:#10293c;border:1px solid #79b2c16b;border-radius:8px;color:white;padding:14px 15px;font-weight:450;font-size:15px;letter-spacing:0}.admin-field textarea{resize:vertical;min-height:110px}.admin-field select{appearance:auto}.admin-login .button-primary{margin-top:10px}.admin-error{padding:20px;background:#4b1a25;color:white;border:1px solid #dc667a;border-radius:8px}.flash{border:1px solid #91e5eb;color:#9be6e9;background:#113c44;padding:17px}.admin-toolbar{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:25px 0 40px}.admin-toolbar h1{font-size:clamp(48px,6vw,86px);margin:0}.admin-toolbar>a:not(.button-primary){font-size:12px;color:var(--accent)}.editor-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:42px}.editor-main textarea#content-editor{min-height:440px;font-family:Consolas,monospace;font-size:15px;line-height:1.7}.editor-help{display:block;color:#819dac;font-weight:400;font-size:12px;line-height:1.6;margin:5px 0 14px}.editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.editor-toolbar button,.upload-panel button{background:#164054;border:1px solid #679fac;color:white;border-radius:6px;padding:9px 14px;font-size:12px;font-weight:700}.editor-toolbar button:hover,.upload-panel button:hover{background:#216176}.editor-side{border:1px solid var(--line);background:#0a2234;border-radius:14px;padding:25px;height:max-content;position:sticky;top:115px}.editor-side .button-primary{width:100%}.admin-cover{display:block;width:100%;max-height:220px;object-fit:cover;margin-bottom:20px;border-radius:8px}.upload-panel{margin-top:50px;padding:25px;border:1px solid var(--line);background:#0c2435;border-radius:12px}.upload-panel h2{font-size:20px}.upload-panel p{font-size:14px;color:var(--muted)}.upload-panel form{display:flex;flex-wrap:wrap;gap:15px;align-items:center}.admin-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}.admin-table{border-collapse:collapse;width:100%;min-width:670px}.admin-table th{text-align:left;font-size:10px;letter-spacing:.15em;color:var(--accent);background:#12344a;padding:22px}.admin-table td{padding:20px 22px;border-top:1px solid var(--line);color:#c0d6df;font-size:13px}.admin-table td strong{display:block;color:white;font-size:16px;max-width:560px}.admin-table td small{display:block;margin-top:5px;color:#7e9dad}.admin-table a{color:var(--accent);font-weight:850}.admin-main>.editor-help{margin-top:28px}
@media(max-width:1000px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-grid{grid-template-columns:1fr}.editor-side{position:static}.site-top nav{gap:14px}}
@media(max-width:660px){.wrap{width:min(calc(100% - 36px),var(--max))}.top-inner{min-height:80px;align-items:flex-start;flex-direction:column;justify-content:center;padding:12px 0}.site-top nav{gap:13px}.site-top nav a{font-size:11px}.blog-hero{padding:65px 0 75px}.blog-hero h1{font-size:clamp(48px,13vw,75px)}.blog-hero p:not(.eyebrow){font-size:16px}.search input{font-size:13px;padding:14px 12px}.search button{padding:13px 14px;font-size:10px}.list-section{padding-block:55px 80px}.post-grid{grid-template-columns:1fr}.post{margin:30px auto 80px}.post-heading h1{font-size:clamp(44px,12vw,72px)}.post-intro{font-size:17px}.post-content{font-size:17px}.admin-toolbar{align-items:flex-start;flex-direction:column}.admin-toolbar h1{font-size:55px}.admin-main{padding-top:25px}.site-foot .wrap{align-items:flex-start;flex-direction:column}.admin-user{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}