*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#0d0f12;min-height:100vh;font-family:system-ui,-apple-system,sans-serif}.background{z-index:-2;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:filter .35s,transform .35s;position:fixed;inset:0}.background:after{content:"";background:#00000073;position:absolute;inset:0}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.clock-section{text-align:center;margin-bottom:55px;transition:all .35s}#clock{letter-spacing:-5px;color:#f0f0f0;font-size:clamp(2rem,10vw,8rem);font-weight:700;line-height:1}#date{color:var(--text-muted);margin-top:12px;font-size:1rem}.news-section{background:#121214;border-top-left-radius:24px;border-top-right-radius:24px;min-height:100vh;margin-top:200px;padding:3rem 2rem;box-shadow:0 -10px 30px #00000080}.news-header{max-width:1200px;margin:0 auto 2rem}.news-header h2{margin-bottom:.4rem;font-size:2.2rem;font-weight:700}.news-header p{color:#94a3b8;font-size:1rem}.news-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}.news-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;overflow:hidden}.news-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 12px 35px #00000040}.news-card img{object-fit:cover;width:100%;height:200px}.news-card:hover img{transform:scale(1.05)}.news-card-body{flex-direction:column;flex-grow:1;padding:1.25rem;display:flex}.news-card-body h3{color:#f8fafc;margin-bottom:.75rem;font-size:1.15rem;font-weight:600;line-height:1.4}.news-explanation{color:#94a3b8;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1.25rem;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.news-footer{color:#64748b;align-items:center;gap:.4rem;margin-top:auto;font-size:.8rem;display:flex}.news-footer .source{color:#38bdf8;font-weight:500}