/* Sculpted, photo-free glass. All optical decoration stays behind text. */
.collaboration{background:radial-gradient(ellipse at 0% 28%,#80699d45,transparent 42%),radial-gradient(ellipse at 100% 66%,#547f9740,transparent 40%),#090c16}
.collaboration .collab-cards{gap:22px}
.collaboration .collab-card{--glint:25%;--hue:0deg;position:relative;isolation:isolate;padding:29px;min-height:365px;border:1px solid #dce2ff55;border-radius:28px;background:radial-gradient(ellipse at 0 0,#d8e2ff14,transparent 50%),linear-gradient(140deg,#777c9820,#1116249c 42%,#33344748);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);box-shadow:inset 0 2px 2px #fff6,inset 2px 0 3px #ccd9ff30,inset -2px -3px 4px #adc4ff30,0 18px 40px #01030c66,0 1px 0 #fff1;overflow:hidden}
.collaboration .collab-card:nth-child(2n){--hue:40deg}.collaboration .collab-card:nth-child(3n){--hue:-35deg}
.collaboration .collab-card::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 90% 28% at var(--glint) -8%,#fff7,transparent 70%),radial-gradient(ellipse 15% 70% at -4% 55%,#98e8fb65,transparent 80%),radial-gradient(ellipse 50% 12% at 65% 104%,#f4a8ea6b,transparent 75%),radial-gradient(ellipse 18% 50% at 104% 30%,#b8a3ff66,transparent 80%);filter:hue-rotate(var(--hue));opacity:.85}
.collaboration .collab-card::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;padding:2px;background:conic-gradient(from 120deg at var(--glint) 50%,#d7e1ff44,#e8adffbb 12%,#f9d39f99 21%,#bdffffaa 30%,#fff9 39%,#aeb5f044 48%,#fff9 60%,#8ce4f7bb 68%,#c6a6ffcc 76%,#f9b7d6aa 84%,#fff9 92%,#d7e1ff44);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;filter:hue-rotate(var(--hue))}
.collaboration .collab-card .collab-number{font:11px/1.6 var(--mono);letter-spacing:.08em;color:#d0c7e3;margin-bottom:28px}
.collaboration .collab-card h3{font-size:27px;line-height:1.2;margin-bottom:20px;letter-spacing:-.04em;color:#fff;text-shadow:0 2px 16px #050916}
.collaboration .collab-front .collab-key,.collaboration .collab-back>p{font-size:16px;line-height:1.65;color:#e1deec}
.collaboration .collab-toggle,.collaboration .collab-return{position:relative;background:linear-gradient(150deg,#e6efff24,#b9abf012 45%,#d9d7ff20),#36334f5c;border:1px solid #e2dfff66;border-radius:16px;box-shadow:inset 0 1px 1px #fff8,inset 0 -2px 2px #adb7e62b,0 5px 16px #02050f33;min-height:52px;padding:13px 16px;color:#fff}
.collaboration .collab-toggle:active,.collaboration .collab-return:active{background-color:#77708c55}
@media(max-width:560px){.collaboration{background:radial-gradient(ellipse 80% 12% at -20% 23%,#8f80af66,transparent 90%),radial-gradient(ellipse 85% 14% at 120% 53%,#6a9ba360,transparent 90%),radial-gradient(ellipse 80% 13% at -10% 80%,#9f75ad55,transparent 90%),#090c16}.collaboration .collab-card{padding:27px;min-height:365px;border-radius:29px}.collaboration .collab-card h3{font-size:28px}.collaboration .collab-card .collab-number{margin-bottom:26px}.collaboration .collab-cards{gap:22px}}
@media(max-width:360px){.collaboration .collab-card{padding:23px;min-height:410px}.collaboration .collab-card h3{font-size:26px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.collaboration .collab-card{background:linear-gradient(135deg,#343348,#161c2b)}}