:root{--g:rgba(255,255,255,.55);--bd:rgba(255,255,255,.7);--tx:#14213d;--ac:#2563eb;--ac2:#7c3aed}
@media(prefers-color-scheme:dark){:root{--g:rgba(20,25,50,.55);--bd:rgba(255,255,255,.14);--tx:#e8ecff}}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--tx);min-height:100vh;background:radial-gradient(circle at 15% 10%,#a5b4fc66,transparent 40%),radial-gradient(circle at 85% 30%,#f0abfc66,transparent 40%),radial-gradient(circle at 50% 100%,#67e8f966,transparent 45%),#eef1fb}
@media(prefers-color-scheme:dark){body{background:radial-gradient(circle at 15% 10%,#4f46e555,transparent 40%),radial-gradient(circle at 85% 30%,#a21caf44,transparent 40%),#0b1020}}
.glass{background:var(--g);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--bd);border-radius:20px;box-shadow:0 8px 32px #1f26871f}
.nav{position:sticky;top:10px;z-index:9;margin:10px auto;max-width:1200px;display:flex;gap:16px;align-items:center;padding:10px 20px}
.nav form{flex:1}.nav input{width:100%}.logo{font-size:1.4rem;color:var(--tx);text-decoration:none}.logo b{color:var(--ac)}
a{color:var(--ac)}main{max-width:1200px;margin:auto;padding:12px}.pad{padding:22px;margin:16px 0}
.hero{padding:40px;margin:16px 0;text-align:center}.hero h1{margin:0 0 8px;font-size:2.2rem;background:linear-gradient(90deg,var(--ac),var(--ac2));-webkit-background-clip:text;color:transparent}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.chips a{padding:6px 14px;border-radius:99px;text-decoration:none;font-size:.9rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.card{padding:14px;transition:.2s}.card:hover{transform:translateY(-4px)}.card img{width:100%;height:auto;border-radius:14px}.card h3{font-size:.95rem;min-height:2.6em;color:var(--tx)}.card a{text-decoration:none}
.pr{font-weight:700;font-size:1.1rem}.pr s{opacity:.5;font-weight:400;font-size:.9rem}.big{font-size:1.8rem}.muted{opacity:.7}
button,.btn{background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;border:0;padding:10px 20px;border-radius:12px;cursor:pointer;text-decoration:none;font-size:1rem;display:inline-block}
input,select,textarea{padding:10px 12px;border-radius:12px;border:1px solid var(--bd);background:var(--g);color:var(--tx);font:inherit}
.form{display:grid;gap:10px;max-width:640px}.pd{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;margin:16px 0}.pd img{width:100%;height:auto;border-radius:16px}
table{width:100%;border-collapse:collapse}td,th{padding:8px;border-bottom:1px solid var(--bd);text-align:left}footer{max-width:1200px;margin:24px auto;padding:16px;text-align:center}
@media(max-width:700px){.pd{grid-template-columns:1fr}}