:root{--bg1: linear-gradient(135deg,#0f172a 0%, #07112b 50%, #0b1225 100%);--card: rgba(255,255,255,.04);--accent: #7dd3fc;--accent-2: #60a5fa;--glass: rgba(255,255,255,.06);--muted: #94a3b8}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg1);color:#e6eef8;-webkit-font-smoothing:antialiased}.landing{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(1000px 500px at 10% 20%,rgba(96,165,250,.06),transparent),radial-gradient(800px 400px at 90% 80%,rgba(125,211,252,.04),transparent)}.overlay{position:absolute;inset:0;pointer-events:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600"><defs><linearGradient id="g" x1="0" x2="1"><stop offset="0" stop-color="%2307A" stop-opacity="0.08"/><stop offset="1" stop-color="%2305F" stop-opacity="0.02"/></linearGradient></defs><rect width="100%" height="100%" fill="url(%23g)"/></svg>');mix-blend-mode:overlay;animation:drift 12s linear infinite}@keyframes drift{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.center-card{position:relative;width:min(920px,90%);padding:48px;border-radius:16px;background:linear-gradient(180deg,#ffffff05,#ffffff03);box-shadow:0 10px 30px #02061799;transform:translateZ(0);transition:transform .18s ease;transform:translateY(calc(var(--my, 0) * -6px)) translate(calc(var(--mx, 0) * 8px));border:1px solid rgba(255,255,255,.03);-webkit-backdrop-filter:blur(6px) saturate(1.1);backdrop-filter:blur(6px) saturate(1.1);text-align:center}.title{margin:0;font-size:34px;letter-spacing:-.4px;color:#e6f0ff}.subtitle{color:var(--muted);margin-top:8px;margin-bottom:28px}.search-box{display:flex;justify-content:center;gap:12px;align-items:center}.search-input{flex:1;min-width:280px;padding:14px 18px;border-radius:10px;border:none;outline:none;background:#ffffff08;color:inherit;box-shadow:inset 0 1px #ffffff05;transition:box-shadow .15s ease,transform .12s ease}.search-input:focus{box-shadow:0 8px 30px #60a5fa14;transform:translateY(-2px)}.search-button{background:linear-gradient(180deg,var(--accent),var(--accent-2));border:none;padding:12px 16px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 6px 18px #061e3f66}.search-button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 14px 36px #60a5fa2e}.search-button:active{transform:translateY(-1px) scale(.99)}.dot-loader{width:18px;height:18px;border-radius:50%;background:#ffffffe6;animation:pulse .9s linear infinite}@keyframes pulse{0%{transform:scale(.85);opacity:.9}50%{transform:scale(1);opacity:.6}to{transform:scale(.85);opacity:.9}}.results-pane{position:fixed;left:0;right:0;bottom:0;padding:20px;background:linear-gradient(180deg,#02061799,#020617d9);border-top:1px solid rgba(255,255,255,.03);max-height:40vh;overflow:auto}.results-container{display:flex;gap:12px;flex-direction:column;max-width:1000px;margin:0 auto;padding-bottom:18px}.result-card{background:#ffffff05;border-radius:10px;padding:14px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.result-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0d2a5680}.result-card h3{margin:0 0 6px;font-size:18px}.result-card .meta{color:var(--muted);font-size:13px;margin-bottom:8px}.result-card .summary{color:#cfeaff;opacity:.9;margin:0}.article-page{padding:40px;min-height:100vh;background:var(--bg1);color:#e6eef8}.article-container{max-width:900px;margin:20px auto;background:var(--glass);padding:28px;border-radius:12px;border:1px solid rgba(255,255,255,.03)}.back-link{color:var(--accent-2);text-decoration:none;display:inline-block;margin-bottom:12px}.article-content h1{font-size:28px;color:#fff}.article-content p{color:#cfeaff;line-height:1.6}@media(max-width:720px){.center-card{padding:24px}.results-pane{max-height:55vh}}