.top-actions{display:flex;align-items:center;gap:10px}.top-link{border:0;background:transparent;color:#a8bac2;padding:10px 13px;font:700 13px 'DM Sans';cursor:pointer;border-radius:10px}.top-link:hover,.top-link.active{color:#61ebd0;background:#142029}.materials-explore{padding:58px clamp(20px,6vw,90px) 100px;min-height:calc(100vh - 84px)}.materials-explore[hidden]{display:none}.materials-back{border:1px solid #ffffff1c;background:#10161c;color:#a9bac2;border-radius:999px;padding:10px 15px;font:700 13px 'DM Sans';cursor:pointer}.materials-back:hover{color:#06110e;background:#51e1c5}.materials-hero{max-width:800px;margin:52px 0 36px}.materials-hero h2{font:800 clamp(58px,9vw,112px)/.85 'DM Sans';letter-spacing:-.075em;margin:28px 0 24px;background:linear-gradient(90deg,#36a8ff,#70f0d1 52%,#31e981);-webkit-background-clip:text;background-clip:text;color:transparent}.materials-hero>p:last-child{color:#a8b7bf;font-size:18px;line-height:1.65;max-width:680px}.material-filters{display:flex;gap:8px;margin:0 0 26px}.material-filters button{border:1px solid #ffffff20;color:#aebbc3;background:#0e1318;border-radius:999px;padding:10px 15px;font:700 13px 'DM Sans';cursor:pointer}.material-filters button.active,.material-filters button:hover{color:#04100d;border-color:transparent;background:linear-gradient(120deg,#36a8ff,#31e981)}.materials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.material-card{display:flex;flex-direction:column;min-height:260px;padding:23px;border:1px solid #ffffff14;border-radius:20px;background:linear-gradient(145deg,#151b22,#0d1217);text-decoration:none;transition:.22s ease}.material-card:hover{transform:translateY(-6px);border-color:#59e6cb70;box-shadow:0 22px 55px #0008}.material-type{width:max-content;color:#4de3c3;background:#4de3c312;border:1px solid #4de3c32e;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:800;letter-spacing:.12em}.material-card h3{font:800 23px/1.08 'DM Sans';letter-spacing:-.035em;color:#effffc;margin:auto 0 12px}.material-card p{color:#91a2ab;font-size:13px;line-height:1.55;margin:0}.material-card .material-open{color:#55e6c8;font-size:12px;font-weight:800;margin-top:20px}.material-org{color:#65808b!important;margin-top:8px!important}@media(max-width:900px){.materials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.top-actions{gap:3px}.top-link{padding:8px}.materials-grid{grid-template-columns:1fr}.materials-explore{padding-top:35px}.materials-hero{margin-top:38px}.material-card{min-height:220px}}