@layer components{[data-theme=light] #contact{--primary-40:color-mix(in srgb,var(--primary)40%,transparent)}#contact a{transition:color .3s}[data-theme=dark] #contact a:hover{color:var(--primary)!important}[data-theme=light] #contact a:hover{color:var(--link-hover)!important}.contact-info-card{position:relative}.contact-info-card:before{content:"";background-color:var(--primary);filter:blur(80px);opacity:.3;pointer-events:none;z-index:0;border-radius:9999px;width:10rem;height:10rem;position:absolute;top:-2.5rem;right:-2.5rem}[data-theme=dark] .contact-info-card:before{opacity:.2}.contact-form-card{position:relative}[data-theme=light] .contact-form-card{--accent-color:color-mix(in srgb,var(--primary)20%,transparent);background-image:linear-gradient(to right,var(--accent-color)2px,transparent 2px),linear-gradient(to bottom,var(--accent-color)2px,transparent 2px),linear-gradient(to left,var(--accent-color)2px,transparent 2px),linear-gradient(to top,var(--accent-color)2px,transparent 2px);background-position:0 0,0 0,100% 100%,100% 100%;background-repeat:no-repeat;background-size:2px 4rem,4rem 2px,2px 4rem,4rem 2px}[data-theme=dark] .contact-form-card{--accent-color:color-mix(in srgb,var(--primary)30%,transparent);background-image:linear-gradient(to right,var(--accent-color)2px,transparent 2px),linear-gradient(to bottom,var(--accent-color)2px,transparent 2px),linear-gradient(to left,var(--accent-color)2px,transparent 2px),linear-gradient(to top,var(--accent-color)2px,transparent 2px);background-position:0 0,0 0,100% 100%,100% 100%;background-repeat:no-repeat;background-size:2px 4rem,4rem 2px,2px 4rem,4rem 2px}.contact-form-card:before{content:"";background-color:var(--primary);filter:blur(100px);opacity:.15;pointer-events:none;z-index:0;border-radius:9999px;width:15rem;height:15rem;position:absolute;bottom:-5rem;right:-5rem}[data-theme=dark] .contact-form-card:before{opacity:.1}.contact-submit-btn:before{content:"";opacity:0;pointer-events:none;z-index:1;transition:opacity .5s;position:absolute;inset:0}[data-theme=dark] .contact-submit-btn:hover:before{opacity:1;background-image:linear-gradient(to right,transparent,color-mix(in srgb,var(--primary)20%,transparent),transparent)}.contact-submit-btn:after{content:"";pointer-events:none;z-index:1;transition:transform .7s;position:absolute;inset:0;transform:translate(-100%)}.contact-submit-btn:hover:after{transform:translate(100%)}[data-theme=light] .contact-submit-btn:after{background-image:linear-gradient(90deg,#0000,#ffffff4d,#0000)}[data-theme=dark] .contact-submit-btn:after{background-image:linear-gradient(90deg,#0000,#ffffff1a,#0000)}}