.iridescent-card{-webkit-backdrop-filter:blur(14px);background:#070712c7;border-radius:1.25rem;transition:transform .3s,box-shadow .3s;position:relative}.iridescent-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none;opacity:.7;background:linear-gradient(135deg,#07ebfd80,#9d5cff66 35%,#ff5edb73 70%,#5eff8b66);padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.iridescent-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #07ebfd14,0 4px 24px #9d5cff1a}.iridescent-card:hover:before{opacity:1}.iridescent-eyebrow{background:linear-gradient(90deg,#07ebfd,#9d5cff 55%,#ff5edb);color:#0000;letter-spacing:.22em;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;font-size:.6875rem;font-weight:700}.iridescent-button{color:#ffffffeb;background:#0c0c1ad9;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-weight:600;transition:box-shadow .3s,transform .2s,color .2s;display:inline-flex;position:relative}.iridescent-button:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#07ebfd99,#9d5cff80 50%,#ff5edb8c);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.iridescent-button:hover{transform:translateY(-1px);box-shadow:0 0 24px #07ebfd40,0 0 48px #9d5cff26}.iridescent-button-primary{color:#fffffff5;text-shadow:0 1px 10px #04040e8c;letter-spacing:.01em;background:linear-gradient(#05051273,#05051273) 0 0/100% 100%,linear-gradient(115deg,#07ebfd 0%,#4f8dff 28%,#9d5cff 52%,#ff5edb 78%,#ff8a5e 100%) 0 0/160% 160%;font-weight:700;animation:6s ease-in-out infinite iridescent-pan;overflow:hidden;box-shadow:inset 0 1px #ffffff4d,inset 0 -2px 6px #04041466,0 4px 18px #07ebfd38,0 8px 36px #9d5cff47}.iridescent-button-primary:before{display:none}.iridescent-button-primary:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000,#ffffff73,#0000);width:50%;animation:4.5s ease-in-out infinite iridescent-sheen;position:absolute;top:0;bottom:0;left:-75%;transform:skew(-20deg)}.iridescent-button-primary:hover{filter:brightness(1.12);transform:translateY(-1px)scale(1.02);box-shadow:inset 0 1px #ffffff59,inset 0 -2px 6px #04041459,0 6px 26px #07ebfd61,0 12px 48px #ff5edb52}@keyframes iridescent-pan{0%,to{background-position:0 0,0%}50%{background-position:0 0,100%}}@keyframes iridescent-sheen{0%,55%{left:-75%}to{left:125%}}@media (prefers-reduced-motion:reduce){.iridescent-button-primary{animation:none}.iridescent-button-primary:after{display:none}}.iridescent-button:disabled,.iridescent-button[aria-disabled=true]{opacity:.4;cursor:not-allowed;box-shadow:none;filter:none;transform:none}.iridescent-code{background:#020208d9;border:1px solid #07ebfd40;border-radius:.6rem;align-items:center;gap:.6rem;padding:.55rem .8rem;display:flex}.iridescent-code code{color:#07ebfd;white-space:nowrap;flex:1;font-size:.78rem;overflow-x:auto}@media (max-width:767px){.iridescent-code code{font-size:clamp(.5rem,2.5vw,.78rem)}}