.glass-surface{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(18px)saturate(190%);backdrop-filter:blur(18px)saturate(190%);border-radius:9999px;justify-content:center;align-items:center;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(135deg,#ffffff73 0%,#ffffff1f 35%,#fff0 65%);transition:opacity .25s;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:2;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:inline-flex;position:relative}.glass-surface__content>*{border-radius:inherit}.glass-surface--primary{color:#fff;text-shadow:0 1px 2px #00143c66;background:linear-gradient(135deg,#0071e3 0%,#0056b3 100%);border:1px solid #ffffff73;box-shadow:0 8px 24px -4px #0066cc61,0 2px 6px -1px #004f9e47,inset 0 1.5px 1.5px #ffffff8c,inset 0 -1px 1px #00000026}.glass-surface--primary:hover{background:linear-gradient(135deg,#0077ed 0%,#004f9e 100%);border-color:#ffffffb3;transform:translateY(-2px);box-shadow:0 12px 32px -4px #0066cc7a,0 4px 10px -2px #004f9e59,inset 0 1.5px 2px #fff,inset 0 -1px 1px #0003}.glass-surface--primary:active{transform:translateY(0)scale(.98);box-shadow:0 4px 12px -2px #0066cc59,inset 0 1px 1px #ffffff80}.glass-surface--crystal{color:#1d1d1f;background:#ffffffa6;border:1px solid #00000014;box-shadow:0 10px 30px -5px #0000000a,0 4px 12px -2px #0066cc14,inset 0 1.5px 2px #fff,inset 0 -1px 1px #0066cc0f}.glass-surface--crystal:hover{background:#ffffffd9;border-color:#0066cc59;transform:translateY(-2px);box-shadow:0 14px 36px -4px #0066cc29,0 6px 14px -2px #0066cc1a,inset 0 1.5px 2px #fff}.glass-surface--crystal:active{transform:translateY(0)scale(.98);box-shadow:0 4px 10px -2px #0000000f,inset 0 1px 1px #fffc}.dark .glass-surface--crystal{color:#fff;background:#ffffff24;border:1px solid #ffffff52;box-shadow:inset 0 1.5px 1px #ffffff8c,inset 0 -1px 1px #00000040,0 8px 24px -4px #00000073,0 0 12px #ffffff1f}.dark .glass-surface--crystal:hover{background:#ffffff3d;border-color:#ffffff8c;transform:translateY(-2px);box-shadow:inset 0 1.5px 1px #ffffffbf,0 10px 28px -4px #00000080,0 0 18px #ffffff38}.dark .glass-surface--primary{color:#fff;background:linear-gradient(135deg,#2997ff 0%,#0071e3 100%);border:1px solid #fff9;box-shadow:0 8px 26px -2px #2997ff80,0 0 18px #2997ff59,inset 0 1.5px 1.5px #fff,inset 0 -1px 1px #0000004d}.dark .glass-surface--primary:hover{background:linear-gradient(135deg,#4da9ff 0%,#0077ed 100%);box-shadow:0 10px 30px -2px #2997ff99,0 0 24px #2997ff73,inset 0 2px 2px #fff}.glass-surface--svg{background:var(--lightningcss-light,hsl(0 0% 100%/var(--glass-frost,.2)))var(--lightningcss-dark,hsl(0 0% 0%/var(--glass-frost,.2)));-webkit-backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1.9)) blur(12px);backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1.9)) blur(12px);border:1px solid #ffffffb3;box-shadow:inset 0 0 2px 1px var(--lightningcss-light,#00000026)var(--lightningcss-dark,#ffffff59),inset 0 0 10px 4px var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff26),0 4px 16px #11111a14,0 8px 24px #11111a14,0 16px 56px #11111a0d,inset 0 1.5px 1px #ffffffe6;box-shadow:inset 0 0 2px 1px var(--lightningcss-light,lab(0% 0 0/.15))var(--lightningcss-dark,lab(100% 0 0/.35)),inset 0 0 10px 4px var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(100% 0 0/.15)),0 4px 16px lab(5.32203% 1.61424 -5.88284/.0784314),0 8px 24px lab(5.32203% 1.61424 -5.88284/.0784314),0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 1.5px 1px lab(100% 0 0/.901961)}.glass-surface--fallback{-webkit-backdrop-filter:blur(16px)saturate(1.9)brightness(1.08);background:#ffffff7a;border:1px solid #ffffffbf;box-shadow:0 8px 32px #1f26872e,0 2px 16px #1f26871a,inset 0 1.5px 1px #fffffff2,inset 0 -1px #ffffff40}@media (prefers-color-scheme:dark){.glass-surface--fallback{-webkit-backdrop-filter:blur(14px)saturate(1.8)brightness(1.2);background:#ffffff1f;border:1px solid #ffffff40;box-shadow:inset 0 1.5px 1px #ffffff40,inset 0 -1px #ffffff1a}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid #159a9c}@media (max-width:767px){.glass-surface{-webkit-backdrop-filter:blur(6px)saturate(140%);backdrop-filter:blur(6px)saturate(140%)}.glass-surface--primary{background:linear-gradient(135deg,#46aaf5e0 0%,#159a9ceb 100%);box-shadow:0 4px 14px -2px #159a9c59}.glass-surface--crystal{background:#ffffffe0;box-shadow:0 2px 8px -2px #1f268714}}.dark .glass-surface--crystal{color:#f5f5f7;background:#202329d1;border-color:#ffffff24;box-shadow:0 10px 26px -18px #000000c2,inset 0 1px #ffffff1f}.dark .glass-surface--crystal:hover{background:#2b2e36f0;border-color:#68c1f78f;box-shadow:0 14px 30px -18px #000000d1,inset 0 1px #ffffff29}.dark .glass-surface--primary{border-color:#ffffff47;box-shadow:0 10px 24px -12px #2997ff6b,inset 0 1px #ffffff4d}