@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{font-family:Inter,sans-serif;color:#fff;background:#071426;font-synthesis:none}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;background:#071426}button{cursor:pointer;font-family:inherit}.app{min-height:100vh;background:radial-gradient(ellipse at 50% 15%,#123d70 0%,transparent 48%),#071426}.header{height:75px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff15;background:#071426cc}.logo{font-size:25px;font-weight:900;letter-spacing:2px}.logo span{color:#21a5ff;font-size:32px}.login-btn{background:transparent;border:1px solid #249eff;color:#fff;padding:11px 22px;border-radius:7px}.login-btn:hover{background:#168bea}.hero{text-align:center;padding:105px 20px 115px}.eyebrow{color:#39aaff;font-size:12px;font-weight:800;letter-spacing:4px;margin-bottom:25px}.hero h1{font-size:clamp(32px,6vw,65px);font-weight:900;letter-spacing:-2px}.hero h1 span{color:#27a5ff}.subtitle{color:#a9bdd3;margin:22px auto 30px;max-width:550px;line-height:1.7}.explore-btn{background:linear-gradient(100deg,#087de0,#27b5ff);color:#fff;border:none;border-radius:8px;padding:15px 32px;font-weight:800;box-shadow:0 8px 30px #168bea55}.explore-btn:hover{transform:translateY(-2px)}.catalog{padding:45px 7% 90px;background:#091a2e}.catalog h2{font-size:27px;margin-bottom:10px}.catalog>p{color:#91a9c2;margin-bottom:30px}.categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.category{min-height:125px;padding:25px;border:1px solid #1e4770;border-radius:12px;background:linear-gradient(145deg,#102b49,#0b2038);transition:.25s}.category:hover{border-color:#29aaff;transform:translateY(-5px);box-shadow:0 8px 25px #008cff25}.category span{color:#28aaff;font-size:24px}.category h3{font-size:16px;margin-top:15px}footer{padding:35px 15px;text-align:center;color:#8ba2bb;font-size:13px}footer p{margin-top:8px}@media(max-width:600px){.header{padding:0 5%;height:65px}.logo{font-size:19px}.hero{padding:75px 18px}.eyebrow{letter-spacing:2px}.catalog{padding:35px 5% 60px}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category{min-height:110px;padding:18px}}