.header-box{isolation:isolate;color:#fff;border-radius:0;justify-content:center;align-items:center;width:70%;height:690px;font-family:monospace;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 15px #00000059}.header-box .base{z-index:0;background:linear-gradient(275deg,#e7e3e5 0%,#b6839e 12%,#b44a87 36%,#5c324c 53%,#1c151a 84%,#070707 100%);position:absolute;inset:0}.header-box .treatment{z-index:1;filter:blur(34px);opacity:.64;background-image:repeating-linear-gradient(87deg,#ffffff21 0 3%,#1c151a87 6% 11%,#ce3c9059 14%,#0000 18% 23%);position:absolute;inset:-10% -14% 20%;-webkit-mask-image:linear-gradient(#000 0 57%,#0000 100%);mask-image:linear-gradient(#000 0 57%,#0000 100%)}.header-box .glow{z-index:2;background:radial-gradient(at 42% 6%,#ffffff47,#0000 38%),radial-gradient(at 42% 41%,#ce3c9040,#0000 42%);position:absolute;inset:0}.header-box .vignette{z-index:4;background:radial-gradient(circle,#0000 25%,#00000029 58%,#000000cf 100%),linear-gradient(#0000 45%,#000000c9 100%);position:absolute;inset:0}.header-box .noise{z-index:5;mix-blend-mode:soft-light;opacity:.21;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.header-box .particles{z-index:3;background:radial-gradient(circle at 89% 30%,#ffffff57 0,#0000 3px),radial-gradient(circle at 29% 87%,#ffffff57 0,#0000 3px),radial-gradient(circle at 33% 82%,#ffffff54 0,#0000 1px),radial-gradient(circle at 15% 36%,#fff3 0,#0000 2px),radial-gradient(circle at 84% 56%,#ffffff59 0,#0000 2px),radial-gradient(circle at 84% 33%,#e3d4dc29 0,#0000 2px),radial-gradient(circle at 54% 79%,#e3d4dc61 0,#0000 3px),radial-gradient(circle at 30% 25%,#ffffff45 0,#0000 3px),radial-gradient(circle at 34% 89%,#e3d4dc59 0,#0000 2px),radial-gradient(circle at 90% 84%,#e3d4dc57 0,#0000 2px),radial-gradient(circle at 92% 48%,#ffffff36 0,#0000 2px),radial-gradient(circle at 71% 62%,#e3d4dc30 0,#0000 3px),radial-gradient(circle at 84% 78%,#e3d4dc59 0,#0000 2px),radial-gradient(circle at 40% 62%,#e3d4dc59 0,#0000 3px),radial-gradient(circle at 92% 81%,#ffffff52 0,#0000 2px),radial-gradient(circle at 16% 72%,#e3d4dc33 0,#0000 1px),radial-gradient(circle at 63% 18%,#e3d4dc5c 0,#0000 1px),radial-gradient(circle at 73% 12%,#ffffff5c 0,#0000 2px),radial-gradient(circle at 32% 39%,#e3d4dc24 0,#0000 3px),radial-gradient(circle at 87% 66%,#ffffff3b 0,#0000 1px),radial-gradient(circle at 17% 53%,#e3d4dc2b 0,#0000 2px),radial-gradient(circle at 57% 87%,#e3d4dc2b 0,#0000 1px),radial-gradient(circle at 23% 31%,#ffffff45 0,#0000 3px),radial-gradient(circle at 48% 16%,#e3d4dc3d 0,#0000 1px),radial-gradient(circle at 34% 62%,#e3d4dc59 0,#0000 3px),radial-gradient(circle at 10% 85%,#ffffff5c 0,#0000 2px),radial-gradient(circle at 85% 86%,#ffffff42 0,#0000 2px),radial-gradient(circle at 81% 16%,#ffffff26 0,#0000 2px),radial-gradient(circle at 84% 55%,#ffffff2b 0,#0000 1px);position:absolute;inset:0}.header-box .content{z-index:6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.search-box{flex-direction:row;width:40%;height:35px;display:flex;box-shadow:0 5px 15px #00000059}.search-box form{flex-direction:row;width:100%;display:flex}.input-div{border:none;border-radius:4px 0 0 4px;outline:none;width:85%;height:100%;padding-left:10px;font-weight:bolder}.search-btn{color:#fff;cursor:pointer;background-color:#000;border-radius:0 4px 4px 0;justify-content:center;align-items:center;width:15%;font-size:small;font-weight:bolder;display:flex}.center{justify-content:center;align-items:center;display:flex}.article-card{border-radius:12px;width:350px;height:220px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.article-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.article-card img{object-fit:cover;width:100%;height:100%}.article-card .content{box-sizing:border-box;background:linear-gradient(#0000,#000000e4);width:100%;height:auto;padding:30px 20px 20px;position:absolute;bottom:0}.article-card .date,.article-card .title{margin:0}.article-card .date{color:#ffffffe6;margin-bottom:4px;font-size:12px}.article-card .title{color:#fff;font-size:17px;font-weight:bolder}.backhome{position:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100vh;margin:10px;display:flex}.abc{flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-top:10px;margin-bottom:10px;display:flex}.button-24{box-sizing:border-box;color:#fff;cursor:pointer;text-align:center;text-rendering:geometricprecision;text-transform:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;vertical-align:middle;background:#ff4742;border:1px solid #ff4742;border-radius:6px;outline:0;min-height:40px;padding:12px 14px;font-family:nunito,roboto,proxima-nova,proxima nova,sans-serif;font-size:16px;font-weight:800;line-height:16px;display:inline-block;box-shadow:1px 2px 4px #0000001a}.button-24:hover,.button-24:active{background-color:initial;color:#ff4742;background-position:0 0}.button-24:active{opacity:.5}.admin-page{isolation:isolate;justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:Lato,sans-serif;display:flex;position:relative;overflow:hidden}.admin-page .base{z-index:0;background:linear-gradient(275deg,#e7e3e5 0%,#b6839e 12%,#b44a87 36%,#5c324c 53%,#1c151a 84%,#070707 100%);position:absolute;inset:0}.admin-page .treatment{z-index:1;filter:blur(34px);opacity:.64;background-image:repeating-linear-gradient(87deg,#ffffff21 0 3%,#1c151a87 6% 11%,#ce3c9059 14%,#0000 18% 23%);position:absolute;inset:-10% -14% 20%;-webkit-mask-image:linear-gradient(#000 0 57%,#0000 100%);mask-image:linear-gradient(#000 0 57%,#0000 100%)}.admin-page .glow{z-index:2;background:radial-gradient(at 42% 6%,#ffffff47,#0000 38%),radial-gradient(at 42% 41%,#ce3c9040,#0000 42%);position:absolute;inset:0}.admin-page .particles{z-index:3;background:radial-gradient(circle at 89% 30%,#ffffff57 0,#0000 3px),radial-gradient(circle at 29% 87%,#ffffff57 0,#0000 3px),radial-gradient(circle at 15% 36%,#fff3 0,#0000 2px),radial-gradient(circle at 84% 56%,#ffffff59 0,#0000 2px),radial-gradient(circle at 54% 79%,#e3d4dc61 0,#0000 3px),radial-gradient(circle at 30% 25%,#ffffff45 0,#0000 3px),radial-gradient(circle at 73% 12%,#ffffff5c 0,#0000 2px),radial-gradient(circle at 10% 85%,#ffffff5c 0,#0000 2px),radial-gradient(circle at 85% 86%,#ffffff42 0,#0000 2px);position:absolute;inset:0}.admin-page .vignette{z-index:4;background:radial-gradient(circle,#0000 25%,#00000029 58%,#000000cf 100%),linear-gradient(#0000 45%,#000000c9 100%);position:absolute;inset:0}.admin-page .noise{z-index:5;mix-blend-mode:soft-light;opacity:.21;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.admin-card{z-index:6;-webkit-backdrop-filter:blur(20px)saturate(130%);color:#fff;background:#e0f2fe12;border:1px solid #ffffff2e;border-radius:20px;width:100%;max-width:420px;padding:40px 36px 36px;position:relative;box-shadow:0 8px 32px #0c4a6e2e,inset 0 0 6px 2px #ffffff14}.admin-card h2{letter-spacing:.5px;color:#fff;margin-bottom:6px;font-size:20px;font-weight:600}.admin-card p.subtitle{color:#ffffff80;margin-bottom:28px;font-size:13px}.admin-divider{background:#ffffff1f;height:1px;margin-bottom:28px}.admin-field{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.admin-field label{letter-spacing:.6px;text-transform:uppercase;color:#ffffff8c;font-size:12px;font-weight:500}.admin-input{-webkit-backdrop-filter:blur(12px)saturate(120%);color:#fff;background:#e0f2fe14;border:1px solid #ffffff2e;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s;box-shadow:0 4px 16px #0c4a6e1f,inset 0 0 4px 1px #ffffff1a}.admin-input::placeholder{color:#ffffff4d}.admin-input:focus{border-color:#ce3c9099;box-shadow:0 4px 20px #ce3c9033,inset 0 0 4px 1px #ffffff1f}.admin-submit{color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#b44a87 0%,#5c324c 100%);border:none;border-radius:10px;width:100%;margin-top:8px;padding:12px;font-size:14px;font-weight:600;transition:opacity .2s,transform .15s;box-shadow:0 4px 18px #b44a8766}.admin-submit:hover{opacity:.88;transform:translateY(-1px)}.admin-submit:active{opacity:1;transform:translateY(0)}.admin-toast{text-align:center;color:#f0c0dc;background:#ce3c902e;border:1px solid #ce3c9059;border-radius:8px;margin-top:16px;padding:10px 14px;font-size:13px;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0;font-family:Lato,sans-serif;font-weight:300}html{scroll-behavior:smooth;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a}.main{isolation:isolate;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.main>div{will-change:opacity, transform;width:100%}a{text-decoration:none}button,[role=button],a{cursor:pointer;transition:opacity .15s}.admin-card,.header-box,.article-card{-webkit-user-select:none;user-select:none}.admin-input,.input-div{-webkit-user-select:text;user-select:text}.loader-wrapper{z-index:9999;background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader{--c:no-repeat linear-gradient(#6100ee 0 0);background:var(--c), var(--c), #d7b8fc;background-size:60% 100%;border-radius:4px;width:60%;max-width:400px;height:4px;animation:3s infinite l16}@keyframes l16{0%{background-position:-150% 0,-150% 0}66%{background-position:250% 0,-150% 0}to{background-position:250% 0,250% 0}}@media only screen and (width<=900px){.header-box{color:#fff;background-image:linear-gradient(#fff0 0,#000 100%),url(./public/assets/mbanner.jpg);background-size:cover;border-radius:0;justify-content:center;align-items:center;width:100%;height:590px;margin:10px;display:flex;box-shadow:0 5px 15px #00000059}.search-box{width:90%}.search-btn{width:20%}}