*{box-sizing:border-box}body{margin:0;background:#071426;color:#eaf3ff;font:16px/1.6 system-ui,Arial}.top{display:flex;align-items:center;gap:28px;padding:18px max(18px,calc((100% - 1120px)/2));border-bottom:1px solid #1e3b5b;background:#061222;position:sticky;top:0}.brand{font-size:23px;font-weight:800;color:white;text-decoration:none}.brand span{color:#249bff}.top nav{display:flex;gap:20px;flex:1}.top a{color:#c8d8e8;text-decoration:none}.top select{background:#102640;color:white;padding:8px;border:1px solid #294968;border-radius:8px}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.hero{margin:38px 0 55px;padding:65px 24px;text-align:center;border:1px solid #1e4770;border-radius:24px;background:radial-gradient(ellipse at top,#12416d,#0a1b31 68%)}.hero small,.detail small{color:#60baff;letter-spacing:2px;font-weight:800}.hero h1{font-size:clamp(34px,6vw,58px);line-height:1.1;margin:16px}.hero p{color:#b3c8dc}.search{display:flex;gap:8px;max-width:650px;margin:25px auto}.search input{flex:1;min-width:0;padding:15px;border:0;border-radius:9px;font-size:16px}.search button,button{background:#087ddd;color:white;border:0;border-radius:9px;padding:13px 20px;font-weight:700;cursor:pointer}.micro,small{color:#9db2c8;font-size:12px}.cats,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 45px}.cats{grid-template-columns:repeat(4,1fr)}.cats a,.cards article,.login{display:block;background:#102640;border:1px solid #1e3c5b;border-radius:14px;padding:17px;color:#eaf3ff;text-decoration:none}.cats small{display:block;margin-top:6px}.cards article p{font-size:13px;color:#b3c5d8}.cards article a{color:#60baff}.detail{max-width:820px;margin:30px auto 70px}.detail h1{font-size:48px}.detail h2{margin-top:30px}.tag{background:#123e68;padding:5px 10px;border-radius:20px;color:#9ed5ff}.notice{padding:15px;border:1px solid #65512a;background:#2c2618;border-radius:10px;color:#f1ddb0}.crumb{color:#9cb3ca;margin-top:30px}footer{margin-top:70px;padding:30px;text-align:center;border-top:1px solid #1e3b5b;color:#9db2c8;font-size:12px}.pages{display:flex;gap:8px;justify-content:center;margin:30px}.pages a{padding:8px 12px;background:#102640;color:white;border-radius:8px}.login{max-width:480px;margin:60px auto}.login input,.login textarea{display:block;width:100%;padding:12px;margin:7px 0 15px;background:#07182b;color:white;border:1px solid #35516e;border-radius:8px}.login label{display:block;color:#bdd0e2}@media(max-width:800px){.cats{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.top{flex-wrap:wrap}.top nav{order:3;width:100%;overflow:auto}}@media(max-width:520px){.cards{grid-template-columns:1fr}.hero{padding:45px 14px}.search{flex-direction:column}.top nav{gap:13px}}