:root{--bg: #fbfcff;--card: #ffffff;--card-strong: #f3f6ff;--text: #0f172a;--muted: #475569;--muted2: #64748b;--border: rgba(15, 23, 42, .1);--shadow: 0 14px 35px rgba(15, 23, 42, .1);--brand: #6d28d9;--brand2: #06b6d4;--pink: #ec4899;--sun: #f59e0b;--lime: #22c55e;--warn: #f59e0b;--danger: #ef4444;--radius: 22px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Nunito,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(1000px 520px at 8% -8%,rgba(109,40,217,.16),transparent 62%),radial-gradient(900px 520px at 88% 2%,rgba(6,182,212,.16),transparent 62%),radial-gradient(900px 520px at 75% 88%,rgba(236,72,153,.12),transparent 62%),radial-gradient(700px 480px at 22% 86%,rgba(245,158,11,.1),transparent 62%),var(--bg)}a{color:inherit;text-decoration:none}.container{width:min(1100px,calc(100% - 40px));margin:0 auto}.surface{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffc7;border-bottom:1px solid rgba(15,23,42,.1)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}.brand-badge{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#6d28d9f2,#ec4899d9);display:grid;place-items:center;font-weight:900}.navlinks{display:flex;align-items:center;gap:10px}.navlinks-app{align-items:flex-end}.controls{display:flex;align-items:center;gap:10px}@media (max-width: 900px){.controls{display:none}}.control{display:grid;gap:6px}.control-row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.control-label{font-size:12px;color:var(--muted2);font-weight:900;letter-spacing:.4px;text-transform:uppercase;line-height:1;margin-bottom:-2px}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--border);background:#ffffffeb;color:var(--text);border-radius:12px;padding:10px 34px 10px 12px;font-weight:800;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,rgba(15,23,42,.55) 50%),linear-gradient(135deg,rgba(15,23,42,.55) 50%,transparent 50%),linear-gradient(to right,transparent,transparent);background-position:calc(100% - 18px) calc(1em + 2px),calc(100% - 13px) calc(1em + 2px),0 0;background-size:5px 5px,5px 5px,100% 100%;background-repeat:no-repeat}.segmented{display:inline-flex;border:1px solid var(--border);background:#ffffffd9;border-radius:14px;padding:4px;gap:4px}.seg{border:1px solid transparent;background:transparent;color:var(--muted);font-weight:900;font-size:12px;padding:8px 10px;border-radius:12px;cursor:pointer}.seg:hover{background:#0f172a0a}.seg.active{background:#6d28d91f;border-color:#6d28d933;color:#0f172aeb}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:#ffffffe6;color:var(--text);font-weight:700;cursor:pointer;transition:all .12s ease}.btn-icon .icon{width:18px;height:18px;flex:0 0 auto}.btn:not(.btn-primary):not(.btn-ghost):hover{background:var(--card-strong);border-color:#0f172a29}.btn-primary{border-color:#6d28d940;background:linear-gradient(135deg,#6d28d9eb,#ec4899d1);color:#fffffffa}.btn-primary:hover{background:linear-gradient(135deg,#6d28d9,#ec4899eb);border-color:#6d28d959}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:#0f172a0f;border-color:#0f172a14}.hero{padding:54px 0 30px}.hero-grid{display:grid;grid-template-columns:1fr;gap:22px;align-items:stretch}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr}}.h1{margin:0;font-size:clamp(32px,4.4vw,52px);line-height:1.04;letter-spacing:-.6px}.h1 span{background:linear-gradient(90deg,#6d28d9,#ec4899,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{margin:14px 0 0;color:var(--muted);font-size:16px;line-height:1.55}.hero-subtitle{margin:14px 0 0;color:#0f172ac7;font-size:18px;line-height:1.55;max-width:56ch}.truncate-2{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.pill{border:1px solid var(--border);background:#ffffffd9;color:var(--muted);border-radius:999px;padding:8px 12px;font-weight:700;font-size:13px}.card{padding:18px}.card-title{margin:0 0 8px;font-size:14px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.9px}.big-number{font-size:34px;font-weight:900;margin:0}.small{margin:6px 0 0;color:var(--muted2);font-size:13px;line-height:1.5}.section{padding:26px 0 44px}.section-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 900px){.section-grid{grid-template-columns:1fr}}.feature{padding:18px;border-radius:var(--radius);background:var(--card-strong);border:1px solid rgba(15,23,42,.1)}.feature.feature-candy{background:linear-gradient(180deg,#fff,#f3f6ff)}.feature h3{margin:0;font-size:16px}.feature p{margin:10px 0 0;color:var(--muted);line-height:1.55}.auth-wrap{padding:44px 0}.auth{width:min(520px,100%);margin:0 auto;padding:18px}.form{margin-top:10px;display:grid;gap:12px}.field label{display:block;font-size:16px;color:var(--muted);font-weight:800;margin-bottom:6px}.input{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(15,23,42,.14);background:#ffffffeb;color:var(--text);font-size:16px;outline:none}.input:focus{border-color:#7c3aedb3}.helper{color:var(--muted2);font-size:13px;line-height:1.5}.app-shell{display:grid;grid-template-columns:260px 1fr;gap:16px;padding:18px 0 30px}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}}.sidebar{padding:14px;position:sticky;top:74px;align-self:start}.sidebar h2{margin:0 0 10px;font-size:14px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}.side-links{display:grid;gap:8px}.side-section{margin-top:14px}.side-section-title{margin:0 0 8px;font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted2);font-weight:900}.side-link-small{padding:9px 12px;font-size:14px}.side-link{padding:10px 12px;border-radius:12px;border:1px solid transparent;background:#0f172a0a;color:var(--text);font-weight:750}.side-link-cat{background:var(--cat-bg, rgba(15, 23, 42, .04));border-color:transparent}.side-link-cat:hover{border-color:var(--cat-border, rgba(15, 23, 42, .14))}.side-link-cat.active{border:3px solid var(--cat-border, rgba(15, 23, 42, .14));background:var(--cat-bg, rgba(15, 23, 42, .04));padding:8px 10px}.side-link.active{border:3px solid rgba(109,40,217,.32);background:#6d28d91a;padding:8px 10px}.main{padding:14px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px}.search{flex:1;min-width:220px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:8px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#ffffffeb;font-weight:800;font-size:12px;color:var(--muted);cursor:pointer}.tag.active{border-color:#16a34a59;background:#16a34a1a;color:#0f172aeb}.grid{display:grid;grid-template-columns:1fr;gap:14px}@media (max-width: 900px){.grid{grid-template-columns:1fr}}.news-card{padding:14px;border-radius:var(--radius);border:1px solid rgba(15,23,42,.1);background:#fffffffa}.news-card:hover{border-color:#6d28d938;box-shadow:0 18px 45px #0f172a1f}.home-hero{padding:44px 0 20px}.home-hero-inner{display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch}@media (max-width: 900px){.home-hero-inner{grid-template-columns:1fr}}.home-card{padding:18px}.home-merge{display:grid;grid-template-columns:1fr;position:relative;overflow:hidden;width:100%}.home-merge>.home-card{padding:20px;position:relative;z-index:1}@media (max-width: 900px){.home-merge{grid-template-columns:1fr}}.home-cta-row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.home-art{position:relative;overflow:hidden}.blob{position:absolute;inset:auto;border-radius:999px;z-index:0;filter:blur(0px)}.blob.b1{width:320px;height:320px;left:-90px;top:-60px;background:#6d28d91f}.blob.b2{width:360px;height:360px;right:-120px;top:-80px;background:#06b6d424}.blob.b3{width:360px;height:360px;left:20%;bottom:-170px;background:#ec48991a}.mascot{position:relative;height:100%;min-height:220px;display:grid;place-items:center}.mascot-bubble{width:min(340px,100%);border-radius:28px;border:1px solid rgba(15,23,42,.1);background:#ffffffeb;padding:16px;box-shadow:0 18px 40px #0f172a1a}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 900px){.category-grid{grid-template-columns:1fr}}.category-tile{padding:16px;border-radius:20px;border:1px solid rgba(15,23,42,.1);background:#fffffffa;box-shadow:0 10px 24px #0f172a14;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.category-tile:hover{transform:translateY(-2px);border-color:#6d28d933;box-shadow:0 16px 34px #0f172a1a}.category-title{margin:0;font-weight:950;font-size:16px}.category-desc{margin:8px 0 0;color:var(--muted);line-height:1.5}.category-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px;color:#0f172aeb;background:#6d28d91a;border:1px solid rgba(109,40,217,.18)}.chip-sci{background:#06b6d424;border-color:#06b6d438}.chip-ani{background:#22c55e1f;border-color:#22c55e33}.chip-spa{background:#6d28d91f;border-color:#6d28d92e}.chip-spo{background:#f59e0b24;border-color:#f59e0b38}.chip-wor{background:#ec48991f;border-color:#ec489933}.chip-tec{background:#3b82f61f;border-color:#3b82f633}.news-title{margin:6px 0;font-size:20px;line-height:1.15;letter-spacing:-.2px}.kw{color:#06b6d4;font-weight:950}.meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted2);font-weight:750;font-size:12px}.meta-bottom{margin-top:10px;padding-top:10px;border-top:1px solid rgba(15,23,42,.08);justify-content:space-between}.badge{padding:6px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#0f172a0a;color:var(--muted);font-weight:900;font-size:12px}.badge-new{border-color:#f59e0b80;background:#f59e0b29;color:#0f172aeb}.article{padding:16px;display:flex;flex-direction:column;min-height:70vh}.article h1{margin:6px 0 8px;font-size:var(--article-title-font-size, 28px)}.article p{color:var(--muted);line-height:1.7;font-size:var(--article-body-font-size, 17px)}.article-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:18px}.footer{padding:26px 0;color:var(--muted2)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{position:relative;max-width:480px;width:100%;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;color:var(--text);font-size:32px;line-height:1;width:40px;height:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.modal-close:hover{background:#fff3}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;padding:20px 0}.pagination-btn{min-width:48px;height:48px;padding:0 16px;border-radius:12px;border:2px solid rgba(15,23,42,.14);background:#ffffffeb;color:var(--text);font-size:18px;font-weight:800;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){border-color:#fb923c80;background:#fb923c1a}.pagination-btn.active{background:#fb923c;border-color:#fb923c;color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}