@import"https://fonts.googleapis.com/css2?family=Sora:wght@100..800&family=Space+Grotesk:wght@300..700&display=swap";:root{--indigo: #6366f1;--violet: #8b5cf6;--purple: #a855f7;--accent-grad: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--accent-glow: rgba(124, 92, 246, .45);--r-sm: .9rem;--r-md: 1.4rem;--r-lg: 2rem;--ease: cubic-bezier(.22, 1, .36, 1)}:root,[data-theme=dark]{color-scheme:dark;--bg-base: #0c0820;--bg-elev-1: rgba(167, 139, 250, .06);--bg-elev-2: rgba(167, 139, 250, .1);--border-subtle: rgba(167, 139, 250, .14);--border-strong: rgba(167, 139, 250, .24);--aurora-1: rgba(162, 89, 255, .22);--aurora-2: rgba(60, 187, 255, .16);--scrim-rgb: 12, 8, 32;--modal-bg: #15102b;--text-hi: #ede9fe;--text-mid: #a99fd0;--text-low: #7d7499}[data-theme=light]{color-scheme:light;--bg-base: #f5f3ff;--bg-elev-1: rgba(255, 255, 255, .7);--bg-elev-2: rgba(255, 255, 255, .95);--border-subtle: rgba(30, 27, 75, .1);--border-strong: rgba(30, 27, 75, .18);--aurora-1: rgba(139, 92, 246, .18);--aurora-2: rgba(110, 231, 183, .22);--scrim-rgb: 23, 20, 51;--modal-bg: #ffffff;--text-hi: #1e1b4b;--text-mid: #4b4775;--text-low: #7a76a0}*{margin:0;padding:0;box-sizing:border-box;outline:none;text-decoration:none;font-family:Sora,sans-serif}html{font-size:62.5%;scroll-behavior:smooth}body{background:var(--bg-base)}.container{width:100%;min-height:100vh;min-height:100dvh;background:var(--bg-base);position:relative;overflow-x:hidden}.container:before,.container:after{content:"";position:fixed;z-index:0;border-radius:50%;filter:blur(120px);pointer-events:none}.container:before{top:-15%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,var(--aurora-1),transparent 70%)}.container:after{bottom:-20%;right:-10%;width:55vw;height:55vw;background:radial-gradient(circle,var(--aurora-2),transparent 70%)}::-webkit-scrollbar{width:.8rem;height:.8rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8b5cf659;border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:#8b5cf699}.news-app{position:relative;z-index:1;width:100%;min-height:100vh;min-height:100dvh;max-width:168rem;margin:0 auto;padding:2.4rem clamp(1.6rem,4vw,4.8rem);display:flex;flex-direction:column;gap:2.4rem}.news-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.6rem;padding:1.6rem 2.2rem;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.logo{display:flex;align-items:center;gap:1.2rem}.logo-mark{display:grid;place-items:center;width:4.4rem;height:4.4rem;border-radius:1.1rem;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:2.4rem;color:#fff;background:var(--accent-grad);box-shadow:0 .6rem 2rem var(--accent-glow)}.logo-text{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:2.4rem;letter-spacing:-.02em;color:var(--text-hi)}.logo-accent{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-actions{display:flex;align-items:center;gap:1.6rem}.header-tag{font-size:1.3rem;font-weight:300;color:var(--text-low);letter-spacing:.02em}.news-content{flex:1;display:grid;grid-template-columns:24rem 1fr;gap:2.4rem;min-height:0}.navbar{position:sticky;top:2.4rem;align-self:start;display:flex;flex-direction:column;gap:2rem;padding:2.2rem 1.8rem;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-heading{font-size:1.15rem;font-weight:600;text-transform:uppercase;letter-spacing:.25em;color:var(--text-low);padding-left:.4rem}.categories{display:flex;flex-direction:column;gap:.4rem}.nav-link{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.4rem;font-size:1.5rem;font-weight:400;color:var(--text-mid);border-radius:var(--r-sm);border:1px solid transparent;transition:all .25s var(--ease)}.nav-dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--text-low);transition:all .25s var(--ease)}.nav-link:hover{color:var(--text-hi);background:var(--bg-elev-2);transform:translate(2px)}.nav-link:hover .nav-dot{background:var(--violet)}.nav-link.active{color:var(--text-hi);background:linear-gradient(100deg,#6366f12e,#a855f71a);border-color:#8b5cf659}.nav-link.active .nav-dot{background:var(--violet);box-shadow:0 0 .8rem var(--accent-glow)}.nav-footer{margin-top:auto;padding-top:1.6rem;border-top:1px solid var(--border-subtle)}.nav-footer-label{font-size:1.1rem;color:var(--text-low)}.nav-footer-value{font-size:1.3rem;font-weight:500;color:var(--text-mid)}.news-section{min-width:0}.news-feed{display:flex;flex-direction:column;gap:2.2rem}.headline{position:relative;width:100%;height:clamp(28rem,42vh,46rem);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;border:1px solid var(--border-subtle);transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease)}.headline img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.headline-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:1.2rem;padding:clamp(2rem,4vw,4rem);background:linear-gradient(to top,rgba(var(--scrim-rgb),.96),rgba(var(--scrim-rgb),.75),rgba(var(--scrim-rgb),.15) 70%,rgba(var(--scrim-rgb),.05))}.headline:hover{transform:translateY(-4px);border-color:#8b5cf666;box-shadow:0 2.4rem 5rem #00000080,0 0 0 1px #8b5cf633}.headline:hover img{transform:scale(1.05)}.headline-title{font-family:Space Grotesk,sans-serif;font-size:clamp(2.2rem,3.4vw,3.6rem);font-weight:600;line-height:1.15;letter-spacing:-.02em;color:#fff;max-width:62rem;text-shadow:0 2px 20px rgba(0,0,0,.5)}.headline-meta{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:.6rem;width:fit-content;padding:.55rem 1.1rem;font-size:1.15rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:5rem}.badge-featured{color:#fff;background:var(--accent-grad);box-shadow:0 .4rem 1.6rem var(--accent-glow)}.badge-dot{width:.6rem;height:.6rem;border-radius:50%;background:#fff;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.meta-source,.meta-date{font-size:1.25rem;font-weight:400;color:var(--text-mid)}.meta-source{font-weight:500;color:var(--text-hi)}.headline-overlay .meta-source{color:#fff}.headline-overlay .meta-date{color:#ffffffc7}.meta-date{position:relative;padding-left:1.2rem}.meta-date:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:.4rem;height:.4rem;border-radius:50%;background:var(--text-low)}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(26rem,1fr));gap:1.8rem}.news-card{display:flex;flex-direction:column;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);overflow:hidden;cursor:pointer;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease),background .35s var(--ease)}.news-card-img{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden}.news-card-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(var(--scrim-rgb),.55),transparent 55%)}.news-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.news-card-body{display:flex;flex-direction:column;gap:1rem;padding:1.6rem 1.6rem 1.8rem;flex:1}.news-title{font-family:Space Grotesk,sans-serif;font-size:1.6rem;font-weight:500;line-height:1.35;letter-spacing:-.01em;color:var(--text-hi);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-card-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:auto}.news-card:hover{transform:translateY(-5px);background:var(--bg-elev-2);border-color:#8b5cf666;box-shadow:0 1.8rem 4rem #00000073,0 0 0 1px #8b5cf626}.news-card:hover .news-card-img img{transform:scale(1.07)}.news-card:hover .news-title{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.state{width:100%}.state-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.4rem;min-height:50vh;padding:4rem 2rem;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg)}.state-icon{display:grid;place-items:center;width:7rem;height:7rem;border-radius:50%;font-size:2.8rem;color:var(--violet);background:linear-gradient(135deg,#6366f12e,#a855f71f);border:1px solid rgba(139,92,246,.3)}.state-message h3{font-family:Space Grotesk,sans-serif;font-size:2.2rem;font-weight:600;color:var(--text-hi)}.state-message p{font-size:1.5rem;color:var(--text-mid);max-width:36rem}.state-btn{margin-top:.6rem;padding:1.1rem 2.6rem;font-size:1.4rem;font-weight:500;color:#fff;background:var(--accent-grad);border:none;border-radius:5rem;cursor:pointer;box-shadow:0 .6rem 2rem var(--accent-glow);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.state-btn:hover{transform:translateY(-2px);box-shadow:0 1rem 2.8rem var(--accent-glow)}.state-btn:active{transform:translateY(0) scale(.98)}.state-loading{display:flex;flex-direction:column;gap:2.2rem}.skeleton{position:relative;overflow:hidden;background:var(--bg-elev-1);border:1px solid var(--border-subtle)}.headline.skeleton{height:clamp(28rem,42vh,46rem);cursor:default}.news-card.skeleton{height:28rem;cursor:default}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{to{transform:translate(100%)}}.news-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.8rem 2.2rem;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.copyright{font-size:1.3rem;color:var(--text-low)}.copyright span{font-family:Space Grotesk,sans-serif;font-weight:600;color:var(--text-mid)}.footer-credit{font-size:1.3rem;color:var(--text-low)}@media(max-width:1080px){.news-content{grid-template-columns:1fr}.navbar{position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:1rem 1.2rem}.nav-heading{width:100%}.categories{flex-direction:row;flex-wrap:wrap;gap:.8rem}.nav-link{padding:.9rem 1.4rem}.nav-footer{display:none}}@media(max-width:640px){.news-app{padding:1.6rem;gap:1.6rem}.news-header{padding:1.4rem 1.6rem}.header-tag{display:none}.logo-text{font-size:2rem}.news-grid{grid-template-columns:1fr}.news-footer{flex-direction:column;align-items:flex-start;gap:.6rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem;background:rgba(var(--scrim-rgb),.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:overlay-in .25s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal-content{width:100%;max-width:64rem;max-height:90vh;position:relative;overflow-y:auto;padding:0 0 3.2rem;background:var(--modal-bg);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:0 3rem 8rem #0009;animation:modal-in .35s var(--ease)}@keyframes modal-in{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.close-button{position:absolute;top:1.6rem;right:1.6rem;z-index:2;display:grid;place-items:center;width:4rem;height:4rem;font-size:1.8rem;color:#fff;background:#0c082099;border:1px solid rgba(255,255,255,.14);border-radius:50%;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .25s var(--ease)}.close-button:hover{color:#fff;background:#8b5cf640;border-color:#8b5cf680;transform:rotate(90deg)}.modal-image{width:100%;height:28rem;object-fit:cover;border-radius:var(--r-lg) var(--r-lg) 0 0;-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent);mask-image:linear-gradient(to bottom,#000 70%,transparent)}.modal-title{font-family:Space Grotesk,sans-serif;font-size:2.6rem;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--text-hi);margin:0 3.2rem}.modal-source,.modal-date{font-size:1.4rem;color:var(--text-mid);margin:1.2rem 3.2rem 0}.modal-source{display:inline-block;font-weight:500;color:var(--violet);padding:.4rem 1.1rem;margin-top:1.6rem;background:linear-gradient(135deg,#6366f129,#a855f71a);border:1px solid rgba(139,92,246,.3);border-radius:5rem}.modal-date{color:var(--text-low);margin-top:.6rem}.modal-content-text{font-size:1.6rem;color:var(--text-mid);line-height:1.7;margin:2rem 3.2rem 0;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}.read-more-link{display:inline-flex;align-items:center;gap:.8rem;color:#fff;background:var(--accent-grad);margin:2.4rem 3.2rem 0;padding:1.2rem 2.6rem;border-radius:5rem;font-size:1.5rem;font-weight:500;letter-spacing:.02em;box-shadow:0 .6rem 2rem var(--accent-glow);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.read-more-link:after{content:"→";transition:transform .2s var(--ease)}.read-more-link:hover{transform:translateY(-2px);box-shadow:0 1rem 2.8rem var(--accent-glow)}.read-more-link:hover:after{transform:translate(4px)}.read-more-link:active{transform:translateY(0) scale(.98)}@media(max-width:640px){.modal-image{height:20rem}.modal-title{font-size:2.1rem;margin:0 2rem}.modal-source,.modal-date,.modal-content-text,.read-more-link{margin-left:2rem;margin-right:2rem}}.theme-toggle{display:inline-flex;align-items:center;gap:.2rem;padding:.35rem;background:var(--bg-elev-2);border:1px solid var(--border-subtle);border-radius:5rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.theme-toggle-btn{display:grid;place-items:center;width:3.4rem;height:3.4rem;font-size:1.4rem;color:var(--text-low);background:transparent;border:none;border-radius:50%;cursor:pointer;transition:color .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease),transform .2s var(--ease)}.theme-toggle-btn:hover{color:var(--text-hi);background:var(--bg-elev-1)}.theme-toggle-btn:active{transform:scale(.92)}.theme-toggle-btn.active{color:#fff;background:var(--accent-grad);box-shadow:0 .3rem 1.2rem var(--accent-glow)}.theme-toggle-btn:focus-visible{outline:2px solid var(--violet);outline-offset:2px}@media(max-width:640px){.theme-toggle-btn{width:3rem;height:3rem;font-size:1.3rem}}