:root{--blue:#075bf5;--navy:#06266f;--sky:#20d4f5;--pale:#eef7ff;--line:#d7e8fb;--ink:#112e67;--muted:#60769b}*{box-sizing:border-box}body{margin:0;background:#f6faff;color:var(--ink);font:14px/1.5 Arial,sans-serif}.top{background:linear-gradient(100deg,#0735b9,#0646d8);color:#fff;display:flex;align-items:center;gap:24px;padding:14px 22px;min-height:80px}.brand{display:flex;gap:10px;align-items:center;color:white;text-decoration:none;min-width:260px}.logo{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#20d4f5,#0875f8);font-size:27px;font-weight:bold;font-style:italic}.brand b{font-size:24px}.brand i{color:#30d7f7;font-style:normal}.brand small{display:block;font-size:10px;color:#dbeaff}.search{display:flex;flex:1;max-width:500px;background:#ffffff24;border-radius:24px;overflow:hidden}.search input{width:100%;border:0;outline:0;background:transparent;color:white;padding:12px 15px}.search input::placeholder{color:#dceaff}.search button{border:0;background:transparent;color:white;font-size:22px;padding:0 15px}.top nav{margin-left:auto;white-space:nowrap;display:flex;gap:14px;align-items:center}.top nav a{color:white;text-decoration:none}.register{background:white;color:#0752d8!important;border-radius:20px;padding:9px 15px;font-weight:bold}.layout{max-width:1800px;margin:18px auto;padding:0 16px;display:grid;grid-template-columns:205px minmax(0,1fr) 280px;gap:15px;align-items:start}.left,.right{position:sticky;top:12px}.left>a{display:block;padding:11px 12px;margin:3px 0;border-radius:9px;text-decoration:none;color:#173b79}.left>a:hover{background:#0962ef;color:white}.left h3{font-size:15px}.cta,.postbox{background:linear-gradient(145deg,#0635b9,#087bfa);color:white;padding:17px;border-radius:13px;margin-top:22px}.cta p,.postbox p{font-size:12px;color:#e1eeff}.btn{display:inline-flex;justify-content:center;border:0;background:linear-gradient(100deg,#0876ff,#0753df);color:#fff;padding:10px 15px;border-radius:9px;text-decoration:none;font-weight:bold;cursor:pointer}.white{background:#fff;color:#0752d8;border-radius:24px;width:100%}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.heading h1{margin:0;font-size:26px}.heading p{margin:2px 0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.card,.panel{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 3px 12px #123f790a}.cover{height:145px;width:100%;object-fit:cover;display:block}.placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#0735b9,#18b9f3);color:white;font-size:24px;font-weight:bold}.inside{padding:12px;display:flex;flex-direction:column;height:calc(100% - 145px)}.category{display:inline-block;background:#075ff0;color:white;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:bold;align-self:flex-start}.inside small{font-size:10px;color:var(--muted);margin:7px 0}.inside h2{font-size:15px;line-height:1.3;margin:0 0 8px}.inside p{font-size:12px;color:#36517d;margin:0 0 14px;overflow-wrap:anywhere}.foot{margin-top:auto;padding-top:10px;border-top:1px solid #edf3fb;display:flex;justify-content:space-between;gap:5px;font-size:11px;color:var(--muted)}.foot a{color:#075bea;text-decoration:none;font-weight:bold;white-space:nowrap}.postbox{margin:0}.postbox h2{margin:0;font-size:20px}.panel{padding:14px;margin-top:13px}.panel h3{margin:0 0 10px}.trend{border-top:1px solid #edf3fb;padding:9px 0;margin:0;font-size:12px}.trend b{display:inline-grid;place-items:center;background:#0964ef;color:white;border-radius:50%;width:25px;height:25px;margin-right:8px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags a{background:#e5f1ff;border-radius:18px;padding:5px 8px;color:#0755cf;text-decoration:none;font-size:11px}.promo{margin-top:13px;border-radius:13px;padding:15px;background:linear-gradient(115deg,#0635b9,#0785f9);color:white;display:grid;grid-template-columns:45px 1fr;gap:4px 9px;align-items:center}.promo b{font-size:20px}.promo small{grid-column:2;color:#dceeff}.promo .logo{grid-row:span 2}.auth{min-height:75vh;display:flex;justify-content:center;align-items:flex-start;padding:40px 15px}.form{width:100%;max-width:500px;background:white;border:1px solid var(--line);border-radius:17px;padding:27px;display:flex;flex-direction:column;gap:13px}.form.wide{max-width:700px}.form h1{text-align:center;margin:0}.form>p{text-align:center;color:var(--muted);margin:0}.form label{display:flex;flex-direction:column;gap:6px;font-weight:bold;font-size:13px}.form input,.form select,.form textarea,.panel textarea{width:100%;border:1px solid #c9dcf4;border-radius:9px;padding:11px;font:inherit;color:var(--ink)}.form .btn{width:100%}.form a,.single>a{color:#075bea}.error{background:#fff0f0;color:#a31313;padding:9px;border-radius:7px}.flash{margin:12px auto;max-width:1000px;background:#e3fff3;color:#075b42;padding:11px 15px;border-radius:8px}.single{max-width:850px;margin:28px auto;padding:0 15px}.single>.panel{padding:23px;margin:14px 0}.single h1{font-size:30px}.single-img{width:100%;max-height:420px;object-fit:cover;border-radius:10px;margin:15px 0}.story{font-size:16px;line-height:1.8}.comment{border-top:1px solid var(--line);padding:10px 0}footer{text-align:center;color:var(--muted);padding:24px;font-size:12px}.empty{text-align:center;padding:40px;background:white;border:1px solid var(--line);border-radius:12px}@media(max-width:1250px){.layout{grid-template-columns:170px minmax(0,1fr) 240px;gap:10px}.brand{min-width:210px}.grid{gap:8px}.cover{height:120px}.inside{padding:9px}.inside h2{font-size:13px}.inside p{font-size:11px}}@media(max-width:950px){.layout{grid-template-columns:165px minmax(0,1fr)}.right{position:static;grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:10px}.postbox,.panel,.promo{margin-top:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top{flex-wrap:wrap}.search{order:3;flex-basis:100%;max-width:none}}@media(max-width:620px){.top{padding:12px}.brand{min-width:0;flex:1}.brand small{display:none}.brand b{font-size:20px}.top nav{font-size:12px;gap:8px}.layout{display:flex;flex-direction:column;padding:0 9px}.left{position:static;display:flex;overflow-x:auto;width:100%}.left h3,.cta{display:none}.left>a{white-space:nowrap;padding:8px}.right,.feed-area{width:100%}.right{display:flex;flex-direction:column}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cover{height:110px}.inside h2{font-size:13px}.inside p{font-size:11px}}@media(max-width:400px){.grid{grid-template-columns:1fr}.cover{height:180px}}