@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=UnifrakturMaguntia&family=Playfair+Display:wght@700&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.06d3mdzz5bre_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.11.cyxs5p-0z~.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.16t1db8_9y2o~.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_2ae47f08-module__h69qWW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_2ae47f08-module__h69qWW__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0q3udbd2bu5yp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0gw~uztddq1df.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0.q-h669a_dqa.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_eb58308d-module__w_p2Lq__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_eb58308d-module__w_p2Lq__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--bg-color:#f3f3f3;--text-primary:#403f3f;--text-secondary:#706f6f;--accent-color:#d72050;--border-color:#e7e7e7;--white:#fff;--dark-gray:#403f3f;--light-gray:#f3f3f3;--font-sans:"Poppins", sans-serif;--font-serif:"Playfair Display", serif;--font-gothic:"UnifrakturMaguntia", cursive}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);width:100%;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit}img{max-width:100%;height:auto;display:block}.container{max-width:1140px;margin:0 auto;padding:0 20px}.header{text-align:center;padding:30px 0}.header-title{font-family:var(--font-serif);color:#2c2c2c;margin-bottom:10px;font-size:50px;font-weight:700}.header-subtitle{color:var(--text-secondary);margin-bottom:10px;font-size:18px}.header-date{color:var(--text-primary);font-size:20px;font-weight:500}.breaking-news{background-color:var(--white);border-radius:5px;align-items:center;gap:20px;margin-bottom:20px;padding:10px;display:flex}.breaking-tag{background-color:var(--accent-color);color:var(--white);border-radius:2px;padding:5px 15px;font-weight:600}.breaking-text{white-space:nowrap;flex:1;overflow:hidden}.breaking-text-inner{padding-left:100%;animation:20s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.navbar{justify-content:center;align-items:center;margin-bottom:30px;padding:20px 0;display:flex;position:relative}.nav-links{gap:30px;display:flex}.nav-link{color:var(--text-secondary);font-size:18px;font-weight:500}.nav-link.active{color:var(--text-primary);font-weight:600}.nav-auth{align-items:center;gap:15px;display:flex;position:absolute;right:0}.user-icon{border-radius:50%;width:40px;height:40px}.btn-login{background-color:var(--dark-gray);color:var(--white);border-radius:5px;padding:8px 24px;font-size:16px;font-weight:600}.btn-logout{background-color:var(--accent-color);color:var(--white);border-radius:5px;padding:10px 20px;font-size:16px;font-weight:600}.main-layout{grid-template-columns:250px 1fr 300px;gap:30px;margin-bottom:50px;display:grid}.detail-layout{grid-template-columns:1fr 300px}.sidebar-left,.news-feed,.sidebar-right{min-width:0}.sidebar-left h3{margin-bottom:20px;font-size:20px;font-weight:600}.category-list{flex-direction:column;display:flex}.category-item{color:var(--text-secondary);border-radius:5px;padding:15px 20px;font-size:18px;font-weight:500;transition:all .3s}.category-item.active,.category-item:hover{color:var(--text-primary);background-color:#e7e7e7;font-weight:600}.news-feed h3{margin-bottom:20px;font-size:20px;font-weight:600}.news-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:5px;min-width:0;margin-bottom:30px;overflow:hidden}.card-header{background-color:var(--light-gray);justify-content:space-between;align-items:center;padding:15px;display:flex}.author-info{align-items:center;gap:15px;display:flex}.author-avatar{border-radius:50%;width:40px;height:40px}.author-name{font-size:16px;font-weight:600}.author-date{color:var(--text-secondary);font-size:14px}.card-actions{gap:15px;display:flex}.card-body{padding:20px}.card-title{color:var(--text-primary);margin-bottom:15px;font-size:24px;font-weight:700}.card-image{border-radius:5px;width:100%;margin-bottom:15px}.card-details{color:var(--text-secondary);margin-bottom:15px;font-size:16px}.read-more{color:var(--accent-color);font-weight:600}.card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.rating{color:#ff8c47;align-items:center;gap:5px;display:flex}.views{color:var(--text-secondary);align-items:center;gap:10px;display:flex}.sidebar-right-section{background-color:var(--white);border-radius:5px;margin-bottom:30px;padding:20px}.sidebar-right-section h3{margin-bottom:20px;font-size:20px;font-weight:600}.social-login-btn{border:1px solid #403f3f;border-radius:5px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:10px;padding:10px;font-size:16px;font-weight:500;display:flex}.social-links{flex-direction:column;display:flex}.social-link-item{border:1px solid var(--border-color);border-bottom:none;align-items:center;gap:15px;padding:15px;display:flex}.social-link-item:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.social-link-item:last-child{border-bottom:1px solid var(--border-color);border-bottom-right-radius:5px;border-bottom-left-radius:5px}.qzone-images{flex-direction:column;gap:15px;display:flex}.qzone-img{aspect-ratio:4/3;object-fit:cover;border-radius:5px;width:100%;height:auto}.auth-container{justify-content:center;align-items:center;min-height:calc(100vh - 150px);display:flex}.auth-card{background-color:var(--white);border-radius:5px;width:100%;max-width:500px;padding:50px;box-shadow:0 4px 10px #0000000d}.auth-title{text-align:center;color:var(--text-primary);margin-bottom:30px;font-size:30px;font-weight:700}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);margin-bottom:10px;font-weight:600;display:block}.form-control{background-color:var(--light-gray);border:none;border-radius:5px;width:100%;padding:15px;font-size:16px}.form-control:focus{outline:2px solid var(--text-secondary)}.btn-auth{background-color:var(--dark-gray);width:100%;color:var(--white);border-radius:5px;margin-top:10px;margin-bottom:20px;padding:15px;font-size:20px;font-weight:600}.auth-redirect{text-align:center;color:var(--text-secondary)}.auth-redirect a{color:var(--accent-color);font-weight:600}.error-message{color:var(--accent-color);margin-top:5px;font-size:14px}.success-message{color:green;text-align:center;margin-top:5px;font-size:14px}.promo-banner{border-radius:5px;margin-top:20px;position:relative;overflow:hidden;background:0 0!important;border:none!important;padding:0!important}.promo-bg{width:100%;height:auto;display:block}.promo-content{text-align:center;color:#fff;background:#0006;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:30px;display:flex;position:absolute;top:0;left:0}.promo-content h2{color:#fff;margin-bottom:20px;font-size:24px;font-weight:700;line-height:1.4}.promo-content p{color:#e5e5e5;margin-bottom:30px;font-size:14px;line-height:1.6}.btn-learn-more{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:12px 30px;font-size:16px;font-weight:600;transition:background-color .3s}.btn-learn-more:hover{background-color:#b51a43}.card-image{aspect-ratio:16/9;object-fit:cover;border-radius:5px;width:100%;height:auto;margin-top:15px}.hamburger{cursor:pointer;z-index:10;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:24px;height:24px;padding:0;display:none}.bar{background-color:var(--text-primary);transform-origin:1px;border-radius:10px;width:24px;height:3px;transition:all .3s linear;position:relative}.bar.open:first-child{transform:rotate(45deg)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:rotate(-45deg)}@media (max-width:1024px){.container{width:100%;max-width:100%;padding:0 15px}.main-layout,.detail-layout{grid-template-columns:1fr;width:100%;max-width:100%;padding:0}.sidebar-left,.sidebar-right,.news-feed{width:100%;max-width:100%}.sidebar-left{order:-1;margin-bottom:20px}.category-list{white-space:nowrap;-webkit-overflow-scrolling:touch;flex-direction:row;gap:10px;width:100%;max-width:100%;padding:10px 0;display:flex;overflow-x:auto}.category-item{flex:none;width:auto;padding:8px 15px;margin-bottom:0!important}.news-feed{order:0}.sidebar-right{order:1;margin-top:20px}.hamburger{display:flex}.navbar{justify-content:space-between;width:100%;padding:10px 0;position:relative}.nav-links{background-color:var(--white);z-index:9;flex-direction:column;width:100%;padding:20px;display:none;position:absolute;top:100%;left:0;box-shadow:0 4px 6px #0000001a}.nav-links.open{display:flex}.nav-links .nav-link{text-align:center;margin:10px 0}.nav-auth{gap:10px;position:static}.user-icon{width:35px;height:35px}.btn-logout,.btn-login{padding:8px 15px;font-size:14px}.footer-content{text-align:center;grid-template-columns:1fr}.footer-section h4{margin-top:15px}}.footer{background-color:var(--dark-gray);color:var(--white);box-sizing:border-box;width:100%;margin-top:50px;padding:40px 20px 20px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:1140px;margin:0 auto 30px;display:grid}.footer-section h3{color:var(--accent-color);margin-bottom:15px;font-size:24px}.footer-section h4{border-bottom:2px solid var(--accent-color);margin-bottom:15px;padding-bottom:5px;font-size:18px;display:inline-block}.footer-section p,.footer-section a{color:#ccc;margin-bottom:8px;font-size:14px;line-height:1.8;text-decoration:none;display:block}.footer-section a:hover{color:var(--accent-color)}.footer-bottom{text-align:center;color:#aaa;border-top:1px solid #444;padding-top:20px;font-size:14px}