*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:#0f0f11;color:#e2e2e6;line-height:1.6}header{border-bottom:1px solid #1e1e2e;padding:0 1.5rem;background:#0c0c0f}.header-inner{max-width:1280px;margin:0 auto;height:64px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.header-left{display:flex;align-items:center;gap:1.5rem}.header-right{display:flex;align-items:center;gap:.5rem}.logo{font-weight:800;font-size:1.2rem;color:#fff;text-decoration:none;letter-spacing:-.02em;white-space:nowrap}.logo span{color:#7c6af7}.nav{display:flex;align-items:center;gap:.25rem;background:#131320;border:1px solid #1e1e30;border-radius:999px;padding:.28rem}.nav-btn{background:transparent;border:none;color:#7070a0;font-size:.82rem;font-weight:500;padding:.38rem 1rem;border-radius:999px;cursor:pointer;transition:all .18s;font-family:inherit;white-space:nowrap}.nav-btn:hover{color:#d0d0e8;background:#1e1e30}.nav-btn.active{background:linear-gradient(135deg,#7c6af7,#5b4fd4);color:#fff;font-weight:600;box-shadow:0 2px 10px #7c6af759}.search-toggle{background:#131320;border:1px solid #1e1e30;color:#7070a0;width:38px;height:38px;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s;flex-shrink:0}.search-toggle:hover{border-color:#7c6af7;color:#fff;background:#1a1a2e}.search-box{max-width:0;overflow:hidden;transition:max-width .3s ease}.search-box.open{max-width:260px}.search-box input{background:#131320;border:1px solid #2a2a3a;color:#e2e2e6;font-size:.85rem;padding:.38rem 1rem;border-radius:999px;outline:none;width:240px;font-family:inherit;transition:border-color .15s}.search-box input:focus{border-color:#7c6af7}.search-box input::placeholder{color:#444}main{max-width:1280px;margin:0 auto;padding:0 1.5rem 5rem}.hero{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:3rem;padding:3.5rem 0 3rem;border-bottom:1px solid #1a1a26;margin-bottom:3rem}.hero-text{flex:1;min-width:0}.hero-text h1{font-size:clamp(1.8rem,4vw,2.75rem);font-weight:700;color:#fff;line-height:1.2;margin-bottom:1rem}.hero-text h1 .hl{color:#7c6af7}.hero-text p{font-size:1.1rem;color:#9090a8;max-width:480px}.hero-img{flex-shrink:0;width:300px;margin-right:10rem}.hero-img img{width:100%;height:auto;display:block;border-radius:16px}.articles h2{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#555;margin-bottom:1.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.25rem}.no-results{color:#555;font-size:.9rem;padding:2rem 0}.card{display:flex;flex-direction:column;background:#131320;border:1px solid #1e1e30;border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .2s,transform .15s}.card:hover{border-color:#7c6af7;transform:translateY(-2px)}.card-meta-top{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem .6rem}.card-meta-top time{font-size:.75rem;color:#666}.card-tag{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#a89ef7;background:#1e1b3a;border:1px solid #2e2a50;border-radius:999px;padding:.18rem .55rem}.card-img-wrap{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#0d0d1a}.card-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.card-body{padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;flex:1}.card-body h3{font-size:.95rem;font-weight:700;color:#e0e0f0;line-height:1.4;margin-bottom:.5rem}.card-body p{font-size:.82rem;color:#7878a0;line-height:1.55;margin-bottom:.9rem;flex:1}.read-more{color:#7c6af7;font-size:.82rem;font-weight:500}footer{border-top:1px solid #1a1a26;padding:1.75rem 1.5rem;text-align:center;color:#444;font-size:.85rem}.footer-links{margin-top:.6rem;display:flex;justify-content:center;gap:1.5rem}.footer-links a{color:#555;text-decoration:none;font-size:.8rem;transition:color .15s}.footer-links a:hover{color:#a89ef7}.pagination{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-top:2.5rem;flex-wrap:wrap;background:#131320;border:1px solid #1e1e30;border-radius:999px;padding:.28rem;width:fit-content;margin-left:auto;margin-right:auto}.pg-btn{background:transparent;border:none;color:#7070a0;font-size:.82rem;font-weight:500;min-width:36px;height:34px;padding:0 .9rem;border-radius:999px;cursor:pointer;font-family:inherit;transition:all .18s;white-space:nowrap}.pg-btn:hover{color:#d0d0e8;background:#1e1e30}.pg-btn.pg-active{background:linear-gradient(135deg,#7c6af7,#5b4fd4);color:#fff;font-weight:600;box-shadow:0 2px 10px #7c6af759}.pg-prev,.pg-next{font-size:.8rem}.cookie-banner{display:none;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);width:calc(100% - 3rem);max-width:780px;background:#131320;border:1px solid #2a2a3e;border-radius:14px;padding:1.25rem 1.5rem;z-index:999;box-shadow:0 8px 40px #0009}.cookie-inner{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.cookie-text{flex:1;min-width:200px}.cookie-text strong{color:#e0e0f0;font-size:.95rem}.cookie-text p{color:#7878a0;font-size:.82rem;margin-top:.3rem;line-height:1.5}.cookie-text a{color:#a89ef7;text-decoration:none}.cookie-text a:hover{text-decoration:underline}.cookie-btns{display:flex;gap:.6rem;flex-shrink:0}.cookie-reject{background:transparent;border:1px solid #2e2e44;color:#7878a0;font-size:.82rem;font-weight:500;padding:.45rem 1rem;border-radius:999px;cursor:pointer;font-family:inherit;transition:all .15s}.cookie-reject:hover{border-color:#555;color:#aaa}.cookie-accept{background:linear-gradient(135deg,#7c6af7,#5b4fd4);border:none;color:#fff;font-size:.82rem;font-weight:600;padding:.45rem 1.1rem;border-radius:999px;cursor:pointer;font-family:inherit;transition:opacity .15s;box-shadow:0 2px 10px #7c6af759}.cookie-accept:hover{opacity:.9}@media(max-width:1100px){.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:860px){.header-inner{height:auto;flex-wrap:wrap;padding:.75rem 0;gap:.75rem}.header-left{flex-wrap:wrap;gap:.75rem;width:100%;justify-content:space-between}.header-right{width:100%;justify-content:flex-end}.nav{flex-wrap:wrap;border-radius:12px;justify-content:center;width:100%}header{padding:0 1rem}main{padding:0 1rem 4rem}.hero{gap:2rem;padding:2.5rem 0 2rem}.hero-img{width:200px}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:600px){.header-inner{padding:.6rem 0}.header-left{flex-direction:column;align-items:flex-start;gap:.6rem}.logo{font-size:1.1rem}.nav{width:100%;border-radius:10px;padding:.3rem}.nav-btn{flex:1;text-align:center;padding:.45rem .5rem;font-size:.78rem}.header-right{width:100%}.search-box.open{max-width:100%;flex:1}.search-box input{width:100%}.search-toggle{margin-left:auto}main{padding:0 .85rem 3rem}.hero{flex-direction:column;gap:1.5rem;padding:2rem 0 1.75rem}.hero-img{width:100%;max-width:280px;margin:0 auto}.hero-text h1{font-size:1.7rem}.hero-text p{font-size:1rem}.grid{grid-template-columns:1fr;gap:1rem}.pagination{border-radius:12px;padding:.3rem;gap:.2rem}.pg-btn{min-width:32px;height:30px;padding:0 .6rem;font-size:.78rem}.footer-links{flex-wrap:wrap;gap:.75rem;justify-content:center}.cookie-banner{bottom:.75rem;padding:1rem;border-radius:10px}.cookie-inner{flex-direction:column;gap:.75rem;align-items:flex-start}.cookie-btns{width:100%;justify-content:flex-end}}@media(max-width:380px){.nav-btn{font-size:.72rem;padding:.4rem .35rem}.hero-text h1{font-size:1.5rem}}