@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;800&family=Inter:wght@400;500;600;700&display=swap);.site-header{left:0;padding:1rem 0 0;position:fixed;top:0;width:100%;z-index:50}.header-inner{background:linear-gradient(135deg,#081220d1,#0c1c30bd);border-radius:22px;box-shadow:0 10px 35px #0000004d,0 0 0 1px #00e5ff14;gap:1rem;justify-content:space-between;padding:1rem 1.2rem}.brand-mark,.header-inner{align-items:center;display:flex}.brand-mark{gap:.9rem}.brand-icon{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-teal));border-radius:16px;box-shadow:0 10px 24px #00e5ff42;color:#021018;display:grid;height:48px;place-items:center;width:48px}.brand-name{display:block;font-family:Orbitron,sans-serif;font-weight:800;letter-spacing:.06em}.brand-tag{color:var(--text-secondary);display:block;font-size:.82rem;margin-top:.1rem}.header-nav{align-items:center;display:flex;gap:.5rem}.header-nav a{border-radius:999px;color:var(--text-secondary);padding:.8rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-nav a.active,.header-nav a:hover{background:linear-gradient(135deg,#00e5ff29,#14f19524);box-shadow:0 10px 25px #00e5ff24;color:var(--text-primary)}.nav-toggle{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;color:var(--text-primary);cursor:pointer;display:none;height:44px;width:44px}@media (max-width:768px){.nav-toggle{align-items:center;display:inline-flex;justify-content:center}.header-nav{background:#07111ff5;border:1px solid #00e5ff1f;border-radius:18px;box-shadow:0 18px 35px #00000059;display:none;flex-direction:column;left:1rem;padding:.9rem;position:absolute;right:1rem;top:calc(100% + .75rem)}.header-nav.open{display:flex}.header-nav a{width:100%}}.site-footer{padding:2rem 0 3rem}.footer-panel{align-items:center;background:linear-gradient(135deg,#0a1321e0,#081a29d1);display:flex;gap:2rem;justify-content:space-between;padding:1.6rem}.footer-panel h3{font-family:Orbitron,sans-serif;margin:0 0 .5rem}.footer-panel p{color:var(--text-secondary);line-height:1.7;margin:0;max-width:640px}.footer-signals{color:var(--accent-cyan);display:flex;flex-direction:column;gap:.7rem}.footer-signals span{align-items:center;display:inline-flex;gap:.6rem}@media (max-width:768px){.footer-panel{align-items:flex-start;flex-direction:column}}.post-card{background:linear-gradient(180deg,#0c1828f5,#08121feb);border:1px solid #00e5ff14;border-radius:18px;box-shadow:0 14px 30px #00000047,0 0 0 1px #ffffff0d;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.post-card:hover{box-shadow:0 24px 42px #00000057,0 0 0 1px #00e5ff24;transform:translateY(-6px)}.post-card-image-wrap{position:relative}.post-card img{background:#0f1b2b;height:220px;object-fit:cover;width:100%}.post-card-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050f19bf;border:1px solid #00e5ff2e;border-radius:999px;color:var(--accent-cyan);font-size:.8rem;left:14px;padding:.45rem .8rem;position:absolute;top:14px}.post-card-content{padding:1.3rem}.post-meta-row{color:var(--text-secondary);display:flex;font-size:.85rem;gap:1rem;justify-content:space-between;margin-bottom:.9rem}.post-meta-inline{align-items:center;display:inline-flex;gap:.4rem}.post-card h3{font-size:1.15rem;line-height:1.4;margin:0 0 .8rem}.post-card p{color:var(--text-secondary);font-size:.96rem;line-height:1.7;margin:0}.post-card-footer{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:1.2rem}.post-likes{align-items:center;color:#ff8ea1;display:inline-flex;gap:.45rem}.post-link{background:linear-gradient(135deg,#00e5ff2e,#14f19524);border:1px solid #00e5ff2e;border-radius:999px;color:var(--text-primary);padding:.72rem 1rem}.featured-card{grid-gap:1.25rem;align-items:center;background:linear-gradient(135deg,#0a1626f0,#08101edb);border:1px solid #ffffff0f;border-radius:20px;box-shadow:var(--shadow-soft);display:grid;gap:1.25rem;grid-template-columns:220px 1fr;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.featured-card:hover{box-shadow:0 24px 44px #00000057,0 0 0 1px #14f19524;transform:translateY(-4px)}.featured-visual img{border-radius:16px;height:180px;object-fit:cover;width:100%}.featured-type{color:var(--accent-orange);display:inline-block;font-size:.85rem;margin-bottom:.75rem}.featured-content h3{font-size:1.25rem;margin:0 0 .7rem}.featured-content p{color:var(--text-secondary);line-height:1.7;margin:0}.featured-bottom{align-items:center;color:#cdeff4;display:flex;gap:1rem;justify-content:space-between;margin-top:1rem}.featured-bottom button{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-teal));border:none;border-radius:999px;box-shadow:0 10px 25px #00e5ff38;color:#041019;cursor:pointer;font-weight:700;padding:.8rem 1rem}@media (max-width:768px){.featured-card{grid-template-columns:1fr}.featured-visual img{height:220px}.featured-bottom{align-items:flex-start;flex-direction:column}}.hero-section{padding:3rem 0 2rem}.hero-grid{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:1.2fr .9fr}.hero-copy,.hero-panel{min-height:460px}.hero-copy{padding:2.5rem 0}.hero-pill{align-items:center;background:#00e5ff1a;border:1px solid #00e5ff29;border-radius:999px;color:var(--accent-cyan);display:inline-flex;gap:.55rem;margin-bottom:1.25rem;padding:.6rem .95rem}.hero-copy h1{font-family:Orbitron,sans-serif;font-size:clamp(2.3rem,5vw,4.8rem);line-height:1.08;margin:0 0 1rem;max-width:760px}.hero-copy p{color:var(--text-secondary);font-size:1.05rem;line-height:1.8;margin:0;max-width:650px}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.75rem}.hero-btn{align-items:center;border-radius:14px;display:inline-flex;font-weight:700;gap:.7rem;padding:.95rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-btn:hover{transform:translateY(-3px)}.primary-btn{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-teal));box-shadow:0 14px 30px #00e5ff38;color:#02131b}.secondary-btn{background:#ffffff0a;border:1px solid #ffffff14;color:var(--text-primary)}.hero-panel{background:linear-gradient(145deg,#081423db,#0c1e32c7);overflow:hidden;padding:1.6rem;position:relative}.hero-orb{background:radial-gradient(circle,#00e5ff47,#14f1950f,#0000 70%);border-radius:50%;filter:blur(10px);height:320px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:320px}.hero-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);position:relative;z-index:1}.hero-stats div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;padding:1.1rem}.hero-stats span{color:var(--accent-cyan);display:block;font-family:Orbitron,sans-serif;font-size:1.7rem;margin-bottom:.4rem}.hero-stats p{color:var(--text-secondary);margin:0}.hero-mini-cards{grid-gap:.9rem;bottom:1.6rem;display:grid;gap:.9rem;left:1.6rem;position:absolute;right:1.6rem;z-index:1}.hero-mini-cards div{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040c1494;border:1px solid #00e5ff24;border-radius:16px;display:flex;gap:.7rem;padding:1rem 1.1rem}.hero-inline-link{color:var(--accent-cyan)}.home-featured-zone{padding-top:1rem}.featured-stack{grid-gap:1.25rem;display:grid;gap:1.25rem}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-copy,.hero-panel{min-height:auto}}@media (max-width:640px){.hero-stats{grid-template-columns:1fr}}.post-detail-page,.posts-page{min-height:70vh}.post-detail-hero{grid-gap:1.5rem;background:linear-gradient(145deg,#081423e6,#0a1c2cc7);display:grid;gap:1.5rem;grid-template-columns:1.1fr .9fr;padding:1.5rem}.post-detail-copy h1{font-family:Orbitron,sans-serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1.15;margin:0 0 1rem}.post-detail-copy p{color:var(--text-secondary);font-size:1.02rem;line-height:1.8;margin:0}.detail-meta-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:1.5rem 0}.detail-meta-grid span{align-items:center;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:14px;display:inline-flex;gap:.6rem;padding:.9rem 1rem}.tag-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.5rem}.tag-row span{background:#00e5ff1a;border:1px solid #00e5ff26;border-radius:999px;color:var(--accent-cyan);padding:.55rem .8rem}.back-link{background:linear-gradient(135deg,#00e5ff2e,#14f19524);border:1px solid #00e5ff24;border-radius:12px;display:inline-flex;padding:.9rem 1.1rem}.post-detail-image-wrap img{border-radius:18px;height:100%;min-height:420px;object-fit:cover;width:100%}@media (max-width:900px){.post-detail-hero{grid-template-columns:1fr}.post-detail-image-wrap img{min-height:280px}}@media (max-width:640px){.detail-meta-grid{grid-template-columns:1fr}}.category-card{border-radius:20px;box-shadow:0 14px 34px #00000042;min-height:360px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-card:hover{box-shadow:0 24px 46px #00000054;transform:translateY(-5px) scale(1.01)}.category-card img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.category-overlay{background:linear-gradient(180deg,#050a1214,#040a12eb);display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:1.4rem;position:relative;z-index:1}.category-label{align-self:flex-start;background:#00e5ff1f;border:1px solid #00e5ff33;border-radius:999px;color:var(--accent-cyan);font-size:.8rem;margin-bottom:.9rem;padding:.45rem .8rem}.category-overlay h3{font-size:1.3rem;margin:0 0 .6rem}.category-overlay p{color:#d3edf6;line-height:1.7;margin:0 0 .9rem}.categories-page,.featured-page{min-height:70vh}.featured-list{grid-gap:1.25rem;display:grid;gap:1.25rem}.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem 1rem;position:relative}.login-card{padding:2rem;position:relative;width:min(100%,460px);z-index:1}.login-chip{background:#00e5ff1f;border:1px solid #00e5ff4d;border-radius:999px;color:var(--accent-cyan);display:inline-block;font-size:.85rem;letter-spacing:.05em;margin-bottom:1rem;padding:.4rem .8rem;text-transform:uppercase}.login-card h1{font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.2;margin:0 0 .75rem}.login-card p{color:var(--text-secondary);line-height:1.7;margin:0 0 1.5rem}.login-credentials{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1.5rem}.login-credentials div{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:.9rem 1rem}.login-credentials span{color:var(--text-secondary);display:block;font-size:.85rem;margin-bottom:.35rem}.login-credentials strong{color:var(--text-primary)}.login-form{grid-gap:1rem;display:grid;gap:1rem}.login-form label{grid-gap:.5rem;color:var(--text-primary);display:grid;font-weight:500;gap:.5rem}.login-form input{background:#06101ce0;border:1px solid #ffffff1a;border-radius:14px;color:var(--text-primary);outline:none;padding:.9rem 1rem;width:100%}.login-form input:focus{border-color:#00e5ff66;box-shadow:0 0 0 3px #00e5ff1f}.login-error{background:#ff52521f;border:1px solid #ff525238;border-radius:14px;color:#ff9e9e;font-size:.95rem;padding:.85rem 1rem}.login-button{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-teal));border:none;border-radius:14px;color:#04111d;cursor:pointer;font-weight:700;padding:.95rem 1.2rem;transition:transform .2s ease,box-shadow .2s ease}.login-button:hover:not(:disabled){box-shadow:0 12px 24px #00e5ff33;transform:translateY(-1px)}.login-button:disabled{cursor:wait;opacity:.7}@media (max-width:520px){.login-card{padding:1.5rem}.login-credentials{grid-template-columns:1fr}}.app-shell{position:relative;z-index:1}.main-content{padding-top:88px}.page-section{padding:4rem 0}.page-header-block{align-items:end;display:flex;gap:1.25rem;justify-content:space-between;margin-bottom:2rem}.page-chip{align-items:center;background:#00e5ff1a;border:1px solid #00e5ff2e;border-radius:999px;color:var(--accent-cyan);display:inline-flex;font-size:.88rem;gap:.5rem;margin-bottom:.9rem;padding:.5rem .9rem}.card-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.filter-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.filter-btn{background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;color:var(--text-secondary);cursor:pointer;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-btn.active,.filter-btn:hover{background:linear-gradient(135deg,#00e5ff2e,#14f1951f);border-color:#00e5ff59;box-shadow:0 10px 25px #00e5ff1f;color:var(--text-primary);transform:translateY(-2px)}@media (max-width:768px){.main-content{padding-top:76px}.page-section{padding:3rem 0}.page-header-block{align-items:flex-start;flex-direction:column}}:root{--bg-primary:#07111f;--bg-secondary:#0b1728;--bg-panel:#0e1c2eb8;--bg-card:#0c1828db;--text-primary:#f4fbff;--text-secondary:#9ec7d5;--accent-cyan:#00e5ff;--accent-teal:#14f195;--accent-orange:#ff8a00;--border-glow:#00e5ff38;--shadow-soft:0 10px 30px #00000047;--shadow-glow:0 0 0 1px #00e5ff14,0 20px 50px #00e5ff14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left,#00e5ff1f,#0000 28%),radial-gradient(circle at top right,#14f19517,#0000 25%),linear-gradient(180deg,#030912,#07111f 45%,#081524);color:#f4fbff;color:var(--text-primary);font-family:Inter,sans-serif;margin:0;min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}#root{min-height:100vh}.container{margin:0 auto;width:min(1180px,calc(100% - 2rem))}.grid-bg{background-image:linear-gradient(#00e5ff0a 1px,#0000 0),linear-gradient(90deg,#00e5ff0a 1px,#0000 0);background-size:40px 40px;inset:0;-webkit-mask-image:linear-gradient(180deg,#ffffffbf,#0000 85%);mask-image:linear-gradient(180deg,#ffffffbf,#0000 85%);pointer-events:none;position:fixed;z-index:0}.section-title{font-family:Orbitron,sans-serif;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:.06em;margin:0 0 .75rem}.section-subtitle{color:#9ec7d5;color:var(--text-secondary);line-height:1.7;margin:0}.empty-state,.error,.loading{color:#9ec7d5;color:var(--text-secondary);padding:3rem 1.25rem;text-align:center}.glass-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e1c2eb8;background:var(--bg-panel);border:1px solid #ffffff14;border-radius:22px;box-shadow:0 10px 30px #00000047;box-shadow:var(--shadow-soft)}