.header-container,main{max-width:1400px;margin:0 auto}.card-title,.logo,body{font-family:var(--font-body)}.cb,.c5,.c10,.c20,.c25,.c30,.c40{clear:both}.read-more,a{text-decoration:none}:root{--dark-blue: #6e00c2;--primary-color:#9C27B0;--accent-color:#E040FB;--bg-color:#F8F5FA;--card-bg:#FFFFFF;--text-dark:#444444;--text-light:#666666;--white:#FFFFFF;--shadow-soft:0 10px 30px rgba(0, 0, 0, 0.25);--font-heading:"Lustria",serif;--font-body:"Lustria",serif;--transition-speed:0.3s ease;--pbgraident:45deg,#8001de,#a30fe7,#f32dfc}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-dark);line-height:2;overflow-x:hidden}.sticky-header{position:sticky;top:0;z-index:1000;background:linear-gradient(var(--pbgraident));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--white);padding:5px 0;box-shadow:0 4px 20px rgba(0,0,0,.1)}.header-container{display:flex;justify-content:space-between;align-items:center;padding:0 20px}.logo{font-weight:500;font-size:1.1rem;letter-spacing:.5px}.bar{width:25px;height:2px;background-color:var(--white);transition:.3s}main{padding:20px}.article-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:40px}@media (min-width:768px){.article-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.article-grid{grid-template-columns:repeat(4,1fr)}}.article-card{background:var(--card-bg);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-soft);transition:transform var(--transition-speed),box-shadow var(--transition-speed);display:flex;flex-direction:column;opacity:0;transform:translateY(30px);max-width:300px}.article-card.visible{animation:.6s forwards fadeInUp}.card-image-wrapper{position:relative;padding-top:100%;overflow:hidden;background-color:#f0f0f0}.card-image,.read-more::after{position:absolute;width:100%;left:0}.card-image{top:0;height:100%;object-fit:cover;transition:transform .6s}.article-card:hover .card-image{transform:scale(1.08)}.card-content{padding:10px 20px;display:flex;flex-direction:column;flex-grow:1;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:.3s cubic-bezier(.25, .8, .25, 1);cursor:pointer}.card-content:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.card-title{font-size:1rem;font-weight:600;color:var(--text-dark);line-height:1.8}.card-desc{font-family:var(--font-heading);font-size:.95rem;color:var(--text-light);margin-bottom:10px;flex-grow:1;text-align:justify}.read-more{display:inline-block;color:var(--primary-color);font-weight:600;font-size:.8rem;position:relative;padding-bottom:2px;transition:color .3s;align-self:flex-end}.b,h1,h2,h3{font-weight:700}.read-more::after{content:'';height:1px;bottom:0;background-color:var(--primary-color);transform:scaleX(0);transform-origin:right;transition:transform .3s}.read-more:hover::after{transform:scaleX(1);transform-origin:left}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}h1,h2,h3{line-height:1.6em;margin:10px 0;font-size:1.1em;color:#000}.ac{text-align:center}.c5{height:5px}.c10{height:10px}.c20{height:20px}.c25{height:25px}.c30{height:30px}.c40{height:40px}.finner{width:30%;min-width:300px;float:left;margin-top:25px;text-align:left}.finner a{color:#ccc}.ftr_line{border-top:1px dotted #666;padding:10px 0;margin-top:20px;font-size:1.5em}.ftr_line a{color:#fff;margin:0 10px}.cwht{color:#fff}.cAAA,.footer{color:#aaa}.f10{font-size:.7em}.footer{box-shadow:6px 1px 6px 6px #eee;border-bottom:1px solid #ddd;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;line-height:2.5em;background-color:#262626;padding:20px 5%;margin-top:25px}.pdlr10{padding-left:10px;padding-right:10px}.pd515{padding:5px 15px}.mgt10{margin-top:10px}
.content-holder,.login-container{text-align:center}.f16{font-size:1rem}.header1{font-size:1.4rem;margin:10px 0;line-height:2.25rem}.login-container{padding:25px 30px;box-shadow:2px 4px 15px #c5c5c5;max-width:300px;margin:auto;background-color:#fff}.sub-txt{color:var(--second-txt-color);margin-top:0;font-size:.875rem}.button{padding:3px 10px;border:1px solid #0f8cc6;background-color:#0f8cc6;color:#fff;border-radius:5px}.button-container{display:flex;justify-content:center}
.cblk{color:#000}.f18{font-size:1.125em}.b{font-weight:bold}