.material-glass{position:relative;isolation:isolate;background:linear-gradient(135deg,rgba(26,33,46,.92),rgba(12,18,24,.62));backdrop-filter:blur(18px);border:2px solid #44476a;border-radius:999px}
.material-steel{position:relative;isolation:isolate;background:radial-gradient(circle at 78% 24%,rgba(240,56,65,.22),transparent 26%),linear-gradient(145deg,#1a212e,#0c1218);overflow:hidden}
.material-steel:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(circle at 80% 20%,transparent 0 34px,rgba(68,71,106,.22) 35px 36px);mix-blend-mode:screen}
.material-ink{position:relative;isolation:isolate;background:linear-gradient(105deg,#0c1218,#1a212e 58%,#0c1218);color:#eeedf2;box-shadow:0 18px 46px rgba(240,56,65,.12)}
.material-wash{background:radial-gradient(circle at 85% 20%,rgba(240,56,65,.24),transparent 28%),linear-gradient(125deg,rgba(51,219,36,.08),rgba(26,33,46,.8))}
.cut-corner{border-radius:50% 50% 1rem 1rem / 38% 38% 1rem 1rem}
.dock-grid{background-image:linear-gradient(rgba(68,71,106,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(68,71,106,.16) 1px,transparent 1px),radial-gradient(circle at 75% 10%,rgba(240,56,65,.12),transparent 24%);background-size:48px 48px,48px 48px,auto}
@media(prefers-reduced-motion:no-preference){.lift{transition:transform .2s ease,box-shadow .2s}.lift:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(240,56,65,.16)}}