:root{--glass-bg-color:#01001073;--glass-bg-hover:#00ccff0f;--glass-radial-color:#39626c;--glass-border-light:#00ccff59;--glass-border-dark:#00ccff14}h1{color:#0cf;align-self:start}a{color:var(--accent);text-decoration-color:#0cf6;transition:color .15s,text-decoration-color .15s}a:hover{color:#33d9ff;text-decoration-color:#33d9ff}main{background-image:url(/edward-howell-eWrJQFRhP88-unsplash.jpg);background-position:50%;background-size:cover}.glass-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem;margin-top:2.5rem;display:grid}.glass-card{z-index:5;background:var(--glass-bg-color);-webkit-backdrop-filter:blur(8px);border-radius:1.25rem;flex-direction:column;gap:.875rem;padding:2rem;transition:background .3s,box-shadow .3s,transform .3s;display:flex;position:relative}.glass-card:hover{background:var(--glass-bg-hover);transform:translateY(-3px);box-shadow:0 0 0 1px #00ccff2e,0 8px 40px #00ccff14,0 2px 8px #0006}.glass-card:before{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(135deg, var(--glass-border-light), var(--glass-border-dark)) border-box;border:1px solid #0000;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000),linear-gradient(#000);mask-image:linear-gradient(#000),linear-gradient(#000);-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:border-box,padding-box;mask-clip:border-box,padding-box;-webkit-mask-origin:border-box,padding-box;mask-origin:border-box,padding-box;-webkit-mask-composite:source-out;mask-composite:subtract;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-card:after{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(at 20% 0,#00ccff12 0%,#0000 65%);position:absolute;inset:0}.glass-card h2{color:#0cf;margin:0}.glass-card p{color:#8fa3be;flex:1;font-size:.95rem;line-height:1.6}.glass-button{letter-spacing:.04em;color:#00ccffe6;-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#00ccff14;border:1px solid #00ccff40;border-radius:.6rem;justify-content:center;align-self:flex-start;align-items:center;margin-top:.5rem;padding:.55rem 1.4rem;font-size:.875rem;font-weight:500;transition:color .25s,background .25s,border-color .25s,box-shadow .25s;display:inline-flex;position:relative;overflow:hidden}.glass-button:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#00ccff26 0%,#0000 60%);transition:opacity .25s;position:absolute;inset:0}.glass-button:hover{color:#fff;background:#00ccff26;border-color:#00ccff8c;box-shadow:0 0 14px #00ccff40,inset 0 0 8px #00ccff0d}.glass-button:hover:before{opacity:1}.glass-button:active{transform:scale(.97);box-shadow:0 0 6px #0cf3}.glass-button:focus-visible{outline-offset:3px;outline:2px solid #00ccffb3}