.gradient-border-base{-webkit-backdrop-filter:blur(12px);z-index:1;background:#0f172a99;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.gradient-border-base:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:14px;padding:1.5px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.gradient-border-purple-cyan:before{background:linear-gradient(135deg,#8b5cf6,#06b6d4)}.gradient-border-blue-cyan:before{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.gradient-border-cyan-purple:before{background:linear-gradient(135deg,#06b6d4,#8b5cf6)}.gradient-border-hover:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a}.gradient-border-purple-cyan.gradient-border-hover:hover{box-shadow:0 0 20px -5px #8b5cf64d}.gradient-border-blue-cyan.gradient-border-hover:hover{box-shadow:0 0 20px -5px #3b82f64d}.gradient-border-content{z-index:2;width:100%;height:100%;position:relative}