/* Shared presentation, account and platform surfaces. */
[hidden]{display:none!important}body{overflow-x:hidden}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible{outline:3px solid #e5a42c;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #185fa5;outline-offset:2px}input,textarea,select{width:100%;border:1px solid #d6e1ec;background:#fff;border-radius:10px;padding:12px 14px;color:#20364b;min-height:46px}label{display:grid;gap:8px;font-size:14px;font-weight:600}textarea{resize:vertical}.stack{display:grid;gap:18px}.page{padding-top:135px;padding-bottom:90px;min-height:75vh}.page-intro{text-align:center;max-width:680px;margin:0 auto 48px}.page-intro h1{font-size:clamp(28px,4vw,46px);margin:14px 0}.page-intro p,.auth-card>p,.auth-story p{color:#63758a;line-height:2}.eyebrow{display:block;color:#258784;font-size:12px;font-weight:700;letter-spacing:.03em}.wordmark{font-size:28px;font-weight:800;color:#185fa5;display:block}.wordmark span{display:block;font-size:10px;letter-spacing:.12em;font-weight:500;color:#738498}.center{text-align:center}.panel,.auth-card,.note-panel{background:#fff;border:1px solid #e0e8f0;border-radius:20px;padding:32px}.note-panel{margin-top:48px;background:#f0f7fa;text-align:center}.note-panel p{margin:16px auto;max-width:680px;color:#63758a;line-height:2}.product-grid,.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-card{position:relative;border:1px solid #dce5ef;border-radius:20px;background:#fff;padding:32px;display:flex;flex-direction:column;gap:20px}.product-card:nth-child(2){border:2px solid #185fa5;box-shadow:0 16px 45px #185fa512}.product-card h2{font-size:23px}.product-price{font-size:29px;font-weight:800;color:#185fa5}.product-card .btn{margin-top:auto}.product-card p{color:#6a7c8f}.notice{padding:18px 22px;border:1px solid #d6e5ef;border-radius:12px;background:#f4f9fc;color:#465f73;grid-column:1/-1;line-height:1.9}.notice.error{background:#fff3f1;border-color:#f2cbc6;color:#9b352c}.notice.success{background:#eef9f3;color:#267653}.empty{text-align:center;padding:55px 20px;grid-column:1/-1;background:#f7fafc;border:1px dashed #d6e1ec;border-radius:18px;color:#687c8f}.narrow{max-width:760px}.auth-layout{min-height:90vh;display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center;padding-top:135px;padding-bottom:70px}.auth-story{position:relative}.auth-story .wordmark{margin-bottom:45px}.auth-story h1{font-size:clamp(32px,4vw,48px);line-height:1.6;margin:12px 0}.auth-story img{margin-top:26px;max-height:220px;object-fit:cover;object-position:top;width:100%;border-radius:14px;border:1px solid #d8e6f1;box-shadow:0 18px 45px #185fa512}.auth-card{box-shadow:0 16px 60px #185fa509}.auth-card h2,.auth-card h1{font-size:25px;margin-bottom:10px}.auth-card>p{font-size:14px;margin:0 0 24px}.auth-card .auth-switch{margin:24px 0 0}.auth-card a{color:#185fa5}.auth-card .btn{width:100%;justify-content:center}.site-footer{border-top:1px solid #e1e8ef;padding:32px 0;background:#f8fafc}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;color:#6e7e8f;font-size:13px}.footer-links{display:flex;gap:25px}.search-row{display:flex;gap:10px;max-width:580px;margin:0 auto 35px}.post-card{border:1px solid #e0e8f0;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.post-cover{height:155px;background:linear-gradient(130deg,#e2effa,#f1f9f7);display:flex;justify-content:space-between;align-items:end;padding:24px;color:#185fa5}.post-cover b{font-size:46px;opacity:.3}.post-card-body{padding:25px;display:flex;flex-direction:column;gap:15px;flex:1}.post-card h2{font-size:21px;line-height:1.8}.post-card p{font-size:14px;color:#697b8d;line-height:1.9}.post-card a:last-child{color:#185fa5;margin-top:auto}.post-meta{font-size:12px;color:#6b8397}.article-wrap{max-width:850px}.back-link{display:inline-block;color:#185fa5;margin-bottom:30px}.article-header{padding:35px 0;border-bottom:1px solid #dde7ef;margin-bottom:30px}.article-header h1{font-size:clamp(28px,4vw,42px);line-height:1.7;margin:20px 0}.article-lead{font-size:18px;line-height:2;color:#6d7c8f}.article-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2.3;font-size:17px}.pagination{display:flex;justify-content:center;gap:12px;align-items:center;margin-top:25px}.checkout-line{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #e5edf3}.checkout-actions{display:grid;gap:12px;margin-top:24px}.checkout-actions .btn{justify-content:center}.skip-link{position:fixed;top:-80px;right:20px;z-index:500;background:#fff;padding:15px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.reveal{opacity:1;transform:none}.admin-auth{max-width:470px;margin:20px auto}.admin-layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh;background:#f4f7fb}.admin-sidebar{background:#fff;border-left:1px solid #e1e8f0;padding:30px 20px;display:flex;flex-direction:column;gap:40px}.admin-sidebar nav{display:grid;gap:10px}.admin-sidebar nav button{border:0;background:none;text-align:right;border-radius:10px;padding:13px;color:#52697f}.admin-sidebar nav button.active{background:#eaf2fb;color:#185fa5;font-weight:700}.admin-sidebar #admin-logout{margin-top:auto;justify-content:center}.admin-main{padding:40px;min-width:0}.admin-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:32px}.admin-top h1{font-size:26px;margin-top:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.metric{border:1px solid #e1e8f0;background:#fff;border-radius:15px;padding:24px}.metric b{display:block;font-size:31px;margin:14px 0 5px;color:#185fa5}.metric span{font-size:13px;color:#6b7f90}.table-wrap{overflow-x:auto;background:#fff;border:1px solid #e1e8f0;border-radius:15px}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:right;font-size:13px}th{background:#f8fafc;color:#6d7f91;font-weight:500}th,td{padding:18px;border-bottom:1px solid #edf1f5}.badge{display:inline-block;background:#edf3fa;color:#4b6580;border-radius:6px;padding:4px 9px;font-size:12px}.badge.paid,.badge.published,.badge.success,.badge.healthy{background:#e7f6ef;color:#25825b}.badge.failed,.badge.failure,.badge.critical{background:#fff0ef;color:#b24d40}.badge.pending,.badge.warning{background:#fff6e2;color:#8b6917}.admin-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.admin-toolbar input{max-width:340px}.admin-toolbar select{max-width:220px}.editor{display:grid;gap:20px;background:#fff;padding:30px;border:1px solid #dfe7ef;border-radius:18px;margin-bottom:25px}.editor .row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.editor-actions{display:flex;gap:12px;flex-wrap:wrap}.editor-preview{border:1px solid #dfe7ef;border-radius:12px;padding:24px}.muted{color:#72869b;font-size:13px}.admin-main h2{font-size:20px;margin:20px 0}.admin-main .panel p{line-height:2}.nav-links a[aria-current=page]{color:#185fa5;font-weight:700}.mobile-nav.open{overflow:auto}.menu-btn{min-width:44px;min-height:44px}.nav .logo{gap:10px}.logo-mark svg{width:26px;height:26px}
@media(max-width:1050px){.auth-layout{gap:35px}.metric-grid{grid-template-columns:repeat(2,1fr)}.admin-main{padding:25px}.product-grid,.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-cta .btn-ghost{display:none}}
@media(max-width:700px){.page{padding-top:105px;padding-bottom:45px}.page-intro{margin-bottom:28px}.product-grid,.post-grid{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr;padding-top:110px;gap:25px}.auth-story{display:none}.auth-card,.panel{padding:24px}.admin-layout{grid-template-columns:1fr}.admin-sidebar{padding:15px;gap:15px;border-left:0}.admin-sidebar>.wordmark{display:none}.admin-sidebar nav{display:flex;overflow:auto;gap:6px}.admin-sidebar nav button{white-space:nowrap;font-size:12px}.admin-sidebar #admin-logout{padding:5px;font-size:12px;align-self:end}.admin-main{padding:20px 15px}.admin-top h1{font-size:23px}.metric{padding:17px}.metric b{font-size:26px}.editor{padding:18px}.editor .row{grid-template-columns:1fr}.footer-row{justify-content:center;text-align:center}.footer-links{gap:18px}.product-card{padding:26px}.search-row button{white-space:nowrap}.article-body{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}