:root{--primary-50:#f0f4f8;--primary-100:#d9e2ec;--primary-200:#bcccdc;--primary-300:#9fb3c8;--primary-400:#627d98;--primary-500:#334e68;--primary-600:#243b53;--primary-700:#102a43;--primary-800:#0a1f33;--primary-900:#002642;--accent-50:#fdf8f0;--accent-100:#f9ecd8;--accent-200:#f0d9b5;--accent-300:#e5c28e;--accent-400:#d4a85a;--accent-500:#c5a572;--accent-600:#a88a5c;--accent-700:#8a6f45;--accent-800:#6d5535;--accent-900:#4a3a24;--neutral-25:#fdfcfb;--neutral-50:#fafaf9;--neutral-100:#f5f5f4;--neutral-200:#e7e5e4;--neutral-300:#d6d3d1;--neutral-400:#a8a29e;--neutral-500:#78716c;--neutral-600:#57534e;--neutral-700:#44403c;--neutral-800:#292524;--neutral-900:#1c1917;--success:#059669;--success-light:#d1fae5;--warning:#d97706;--warning-light:#fef3c7;--error:#dc2626;--error-light:#fee2e2;--info:#2563eb;--info-light:#dbeafe;--bg-primary:#fdfcfb;--bg-secondary:#f5f5f4;--bg-elevated:#fff;--bg-dark:#002642;--bg-dark-subtle:#0a1f33;--font-display:"Lora",Georgia,serif;--font-body:"DM Sans",-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1.0625rem;--text-lg:1.1875rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:3.75rem;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.6;--leading-relaxed:1.75;--space-1:.375rem;--space-2:.75rem;--space-3:1.125rem;--space-4:1.5rem;--space-5:2.25rem;--space-6:3rem;--space-7:4.5rem;--space-8:6rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0026420a;--shadow-md:0 4px 6px -1px #0026420f,0 2px 4px -2px #0026420a;--shadow-lg:0 10px 15px -3px #0026420f,0 4px 6px -4px #0026420a;--shadow-xl:0 20px 25px -5px #00264214,0 8px 10px -6px #0026420a;--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--neutral-800);background-color:var(--bg-primary)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:var(--leading-tight);color:var(--neutral-900)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-3)}.container{width:100%;max-width:1200px;padding:0 var(--space-4);margin:0 auto}.container--narrow{max-width:780px}.container--wide{max-width:1400px}.btn{justify-content:center;align-items:center;gap:var(--space-1);font-size:var(--text-sm);border-radius:var(--radius-md);transition:all var(--duration-normal)var(--ease-smooth);white-space:nowrap;padding:.75rem 1.5rem;font-weight:500;line-height:1;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--primary-900);color:#fff}.btn--primary:hover{background:var(--primary-700);box-shadow:var(--shadow-lg)}.btn--accent{background:var(--accent-500);color:var(--primary-900);font-weight:600}.btn--accent:hover{background:var(--accent-400);box-shadow:var(--shadow-md)}.btn--ghost{color:var(--neutral-700);border:1px solid var(--neutral-300);background:0 0}.btn--ghost:hover{background:var(--neutral-100);border-color:var(--neutral-400)}.btn--sm{font-size:var(--text-xs);padding:.5rem 1rem}.btn--lg{font-size:var(--text-base);padding:1rem 2rem}.btn--icon{border-radius:var(--radius-sm);padding:.625rem}.input-group{gap:var(--space-1);flex-direction:column;display:flex}.input-group label{font-size:var(--text-sm);color:var(--neutral-700);font-weight:500}.input{width:100%;font-size:var(--text-base);font-family:var(--font-body);border:1.5px solid var(--neutral-300);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--neutral-900);transition:all var(--duration-fast)var(--ease-smooth);padding:.75rem 1rem}.input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #334e681a}.input--error{border-color:var(--error)}.input--error:focus{box-shadow:0 0 0 3px #dc26261a}.input-error-text{font-size:var(--text-xs);color:var(--error)}.card{background:var(--bg-elevated);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);transition:all var(--duration-normal)var(--ease-smooth);overflow:hidden}.card:hover{border-color:var(--neutral-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card__image{aspect-ratio:16/9;object-fit:cover;width:100%}.card__body{padding:var(--space-4)}.card__tag{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--accent-700);background:var(--accent-50);border-radius:var(--radius-full);padding:.25rem .75rem;font-weight:600;display:inline-block}.card__title{font-family:var(--font-display);font-size:var(--text-xl);margin:var(--space-2)0;color:var(--neutral-900);font-weight:600;line-height:var(--leading-snug)}.card__excerpt{font-size:var(--text-sm);color:var(--neutral-600);line-height:var(--leading-normal)}.card__meta{align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--neutral-500);display:flex}.card__meta-dot{background:var(--neutral-400);border-radius:50%;width:3px;height:3px}.badge{font-size:var(--text-xs);border-radius:var(--radius-full);align-items:center;gap:.25rem;padding:.25rem .625rem;font-weight:600;display:inline-flex}.badge--success{background:var(--success-light);color:var(--success)}.badge--warning{background:var(--warning-light);color:var(--warning)}.badge--error{background:var(--error-light);color:var(--error)}.badge--info{background:var(--info-light);color:var(--info)}.badge--neutral{background:var(--neutral-100);color:var(--neutral-600)}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--neutral-200);background:#fdfcfbeb;position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;height:4.5rem;display:flex}.nav__logo{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--primary-900);letter-spacing:-.02em;font-weight:700}.nav__logo span{color:var(--accent-500)}.nav__links{align-items:center;gap:var(--space-5);list-style:none;display:flex}.nav__link{font-size:var(--text-sm);color:var(--neutral-600);transition:color var(--duration-fast)var(--ease-smooth);font-weight:500;position:relative}.nav__link:hover,.nav__link--active{color:var(--primary-900)}.nav__link--active:after{content:"";background:var(--accent-500);height:2px;position:absolute;bottom:-1.625rem;left:0;right:0}.nav__actions{align-items:center;gap:var(--space-2);display:flex}.nav__toggle{padding:var(--space-1);display:none}@media (max-width:768px){.nav__links{display:none}.nav__toggle{display:flex}.nav__links--open{background:var(--bg-elevated);border-bottom:1px solid var(--neutral-200);padding:var(--space-4);gap:var(--space-3);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute;top:4.5rem;left:0;right:0}}.hero{padding:var(--space-8)0;position:relative;overflow:hidden}.hero--dark{background:linear-gradient(135deg,var(--primary-900)0%,var(--primary-700)100%);color:#fff}.hero--dark h1,.hero--dark h2{color:#fff}.hero--dark p{color:var(--primary-200)}.hero__pattern{opacity:.05;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,currentColor 1px,#0000 0);background-size:40px 40px;position:absolute;inset:0}.hero__content{z-index:1;max-width:680px;position:relative}.hero__badge{align-items:center;gap:var(--space-1);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-500);border-radius:var(--radius-full);margin-bottom:var(--space-4);background:#c5a5721a;border:1px solid #c5a57233;padding:.375rem 1rem;font-weight:600;display:inline-flex}.hero__title{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));margin-bottom:var(--space-4);letter-spacing:-.02em}.hero__subtitle{font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.hero__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.footer{background:var(--bg-dark);color:var(--primary-200);padding:var(--space-8)0 var(--space-5)}.footer__grid{gap:var(--space-7);margin-bottom:var(--space-7);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}@media (max-width:768px){.footer__grid{gap:var(--space-5);grid-template-columns:1fr}}.footer__brand{max-width:320px}.footer__logo{font-family:var(--font-display);font-size:var(--text-2xl);color:#fff;margin-bottom:var(--space-3);font-weight:700}.footer__logo span{color:var(--accent-500)}.footer__desc{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.footer__heading{font-family:var(--font-body);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-500);margin-bottom:var(--space-3);font-weight:600}.footer__links{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.footer__link{font-size:var(--text-sm);color:var(--primary-300);transition:color var(--duration-fast)}.footer__link:hover{color:#fff}.footer__bottom{padding-top:var(--space-5);font-size:var(--text-xs);color:var(--primary-400);border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex}.article{max-width:780px;padding:var(--space-5)var(--space-4);margin:0 auto}.article__header{margin-bottom:var(--space-6)}.article__category{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-600);margin-bottom:var(--space-3);font-weight:600;display:inline-block}.article__title{font-size:clamp(var(--text-3xl),4vw,var(--text-4xl));margin-bottom:var(--space-3);letter-spacing:-.01em}.article__meta{align-items:center;gap:var(--space-3);color:var(--neutral-500);font-size:var(--text-sm);display:flex}.article__author{align-items:center;gap:var(--space-2);display:flex}.article__author-avatar{border-radius:var(--radius-full);object-fit:cover;background:var(--accent-100);width:2.5rem;height:2.5rem;font-size:var(--text-xs);color:var(--accent-700);justify-content:center;align-items:center;font-weight:700;display:flex}.article__feature-image{aspect-ratio:21/9;object-fit:cover;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-bottom:var(--space-6)}.article__content{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--neutral-800)}.article__content h2{font-size:var(--text-3xl);margin:var(--space-7)0 var(--space-3)}.article__content h3{font-size:var(--text-2xl);margin:var(--space-6)0 var(--space-3)}.article__content h4{font-size:var(--text-xl);margin:var(--space-5)0 var(--space-2)}.article__content p{margin-bottom:var(--space-4)}.article__content ul,.article__content ol{margin:var(--space-3)0;padding-left:var(--space-5)}.article__content li{margin-bottom:var(--space-2)}.article__content blockquote{margin:var(--space-5)0;padding:var(--space-4)var(--space-5);border-left:3px solid var(--accent-500);background:var(--neutral-50);border-radius:0 var(--radius-md)var(--radius-md)0;color:var(--neutral-700);font-style:italic}.article__content a{color:var(--primary-600);text-underline-offset:2px;transition:color var(--duration-fast);text-decoration:underline}.article__content a:hover{color:var(--accent-600)}.article__content strong{color:var(--neutral-900);font-weight:600}.article__content img{border-radius:var(--radius-lg);margin:var(--space-5)0}.post-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}@media (max-width:768px){.post-grid{gap:var(--space-4);grid-template-columns:1fr}}.featured-post{gap:var(--space-6);padding:var(--space-5)0;grid-template-columns:1fr 1fr;align-items:center;display:grid}@media (max-width:768px){.featured-post{gap:var(--space-4);grid-template-columns:1fr}}.featured-post__image{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-xl);width:100%}.featured-post__content{gap:var(--space-3);flex-direction:column;display:flex}.featured-post__title{font-size:var(--text-3xl);letter-spacing:-.01em}.featured-post__excerpt{font-size:var(--text-base);color:var(--neutral-600);line-height:var(--leading-relaxed)}.section{padding:var(--space-7)0}.section__header{margin-bottom:var(--space-5);justify-content:space-between;align-items:baseline;display:flex}.section__title{font-size:var(--text-2xl);letter-spacing:-.01em}.section__link{font-size:var(--text-sm);color:var(--accent-600);transition:color var(--duration-fast);font-weight:500}.section__link:hover{color:var(--accent-800)}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{background:var(--bg-dark);width:260px;color:var(--primary-200);padding:var(--space-4);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.admin-sidebar__logo{font-family:var(--font-display);font-size:var(--text-xl);color:#fff;padding:var(--space-2)var(--space-2);margin-bottom:var(--space-5);font-weight:700}.admin-sidebar__logo span{color:var(--accent-500)}.admin-sidebar__nav{flex-direction:column;flex:1;gap:.25rem;list-style:none;display:flex}.admin-sidebar__link{align-items:center;gap:var(--space-2);padding:.625rem var(--space-2);font-size:var(--text-sm);color:var(--primary-300);border-radius:var(--radius-md);transition:all var(--duration-fast);display:flex}.admin-sidebar__link:hover{color:#fff;background:#ffffff0f}.admin-sidebar__link--active{color:var(--accent-400);background:#c5a5721f}.admin-sidebar__link svg{opacity:.7;width:1.25rem;height:1.25rem}.admin-main{padding:var(--space-5)var(--space-6);background:var(--bg-secondary);flex:1;overflow-y:auto}.admin-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.admin-header__title{font-size:var(--text-2xl)}.stats-grid{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.stat-card{background:var(--bg-elevated);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-4)}.stat-card__label{font-size:var(--text-xs);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);font-weight:500}.stat-card__value{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--neutral-900);font-weight:700}.table-wrapper{background:var(--bg-elevated);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);overflow:hidden}.table{border-collapse:collapse;width:100%}.table th{text-align:left;padding:var(--space-3)var(--space-4);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--neutral-500);background:var(--neutral-50);border-bottom:1px solid var(--neutral-200);font-weight:600}.table td{padding:var(--space-3)var(--space-4);font-size:var(--text-sm);border-bottom:1px solid var(--neutral-100);color:var(--neutral-700)}.table tr:hover td{background:var(--neutral-25)}.table tr:last-child td{border-bottom:none}.skeleton{background:linear-gradient(90deg,var(--neutral-200)25%,var(--neutral-100)50%,var(--neutral-200)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.reading-progress{background:linear-gradient(90deg,var(--accent-500),var(--accent-300));z-index:1000;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.empty-state{padding:var(--space-8)var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{border-radius:var(--radius-full);background:var(--accent-50);width:4rem;height:4rem;margin-bottom:var(--space-4);color:var(--accent-600);justify-content:center;align-items:center;display:flex}.empty-state__title{font-size:var(--text-xl);margin-bottom:var(--space-2)}.empty-state__text{font-size:var(--text-sm);color:var(--neutral-500);max-width:400px;margin-bottom:var(--space-5)}.editor-wrapper{background:var(--bg-elevated);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);overflow:hidden}.editor-toolbar{padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--neutral-200);background:var(--neutral-50);flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.editor-toolbar__btn{border-radius:var(--radius-sm);color:var(--neutral-600);transition:all var(--duration-fast);padding:.375rem .5rem}.editor-toolbar__btn:hover{background:var(--neutral-200);color:var(--neutral-900)}.editor-toolbar__btn--active{background:var(--primary-900);color:#fff}.editor-toolbar__separator{background:var(--neutral-300);width:1px;height:1.5rem;margin:0 .375rem}.editor-content{min-height:500px;padding:var(--space-5);font-size:var(--text-lg);line-height:var(--leading-relaxed)}.editor-content:focus{outline:none}.editor-content .ProseMirror{outline:none;min-height:500px}.editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--neutral-400);pointer-events:none;height:0}.toast{bottom:var(--space-4);right:var(--space-4);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);background:var(--neutral-900);color:#fff;font-size:var(--text-sm);box-shadow:var(--shadow-xl);z-index:9999;animation:toast-in .3s var(--ease-smooth);position:fixed}@keyframes toast-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.auth-page{min-height:100vh;display:flex}.auth-page__left{padding:var(--space-5);flex:1;justify-content:center;align-items:center;display:flex}.auth-page__right{background:linear-gradient(135deg,var(--primary-900)0%,var(--primary-700)100%);padding:var(--space-5);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.auth-page__right{display:none}}.auth-form{width:100%;max-width:400px}.auth-form__logo{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--primary-900);margin-bottom:var(--space-2);font-weight:700}.auth-form__logo span{color:var(--accent-500)}.auth-form__subtitle{font-size:var(--text-sm);color:var(--neutral-500);margin-bottom:var(--space-6)}.auth-form__fields{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-center{text-align:center}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-muted{color:var(--neutral-500)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.w-full{width:100%}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}