#contact{padding:100px 0 40px;text-align:center}.contact-container{display:flex;flex-direction:column;align-items:center;max-width:700px;padding:60px 80px;margin:0 auto;position:relative;border-radius:48px 12px;background:color-mix(in srgb,var(--card-bg) 30%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 50px -10px rgba(0,0,0,.3),inset 0 1px 2px rgba(255,255,255,.1),inset 0 -1px 3px rgba(0,0,0,.2);isolation:isolate;gap:16px;transition:transform .4s cubic-bezier(.2, .8, .2, 1),box-shadow .4s cubic-bezier(.2, .8, .2, 1)}.contact-container::after,body.light-mode .contact-container::after{display:none}.contact-container::before{content:"";position:absolute;inset:-2px;border-radius:50px 14px;background:linear-gradient(135deg,rgba(255,255,255,.1) 0,var(--accent) 50%,rgba(255,255,255,.05) 100%);background-size:200% 200%;animation:4s linear infinite border-flow;z-index:-2;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px}body.light-mode .contact-container{border:1px solid rgba(0,0,0,.05);box-shadow:0 20px 50px -10px rgba(0,0,0,.1),inset 0 1px 2px rgba(255,255,255,.8),inset 0 -1px 3px rgba(0,0,0,.05)}@keyframes border-flow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.contact-title{color:var(--text-color);font-size:4rem;margin:0;transition:text-shadow .3s}.contact-desc{font-size:1.6rem;color:var(--text-muted);line-height:1.6;margin:0;max-width:520px}.status-label{display:inline-flex;align-items:center;gap:10px;border:2px solid var(--accent);padding:8px 20px;border-radius:30px;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-color);background-color:color-mix(in srgb,var(--accent),transparent 95%);box-shadow:0 0 20px color-mix(in srgb,var(--accent),transparent 80%);transition:box-shadow .3s}.status-dot{width:8px;height:8px;background-color:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent);animation:2s infinite pulse-dot;flex-shrink:0}@keyframes pulse-dot{0%{opacity:1;box-shadow:0 0 0 0 color-mix(in srgb,var(--accent),transparent 30%)}70%{opacity:1;box-shadow:0 0 0 10px color-mix(in srgb,var(--accent),transparent 100%)}100%{opacity:1;box-shadow:0 0 0 0 color-mix(in srgb,var(--accent),transparent 100%)}}.contact-container .social-icons{margin:10px 0 0}@media only screen and (max-width:767px){.contact-container{padding:40px 24px;border-radius:32px 12px;width:calc(100% - 40px);box-sizing:border-box}.contact-container::before{border-radius:34px 14px}.contact-title{font-size:2.5rem}.contact-desc{max-width:100%}}@media (hover:hover) and (pointer:fine){.contact-container:hover{transform:translateY(-8px);box-shadow:0 40px 70px -10px rgba(0,0,0,.5),0 0 60px -15px color-mix(in srgb,var(--accent) 45%,transparent),inset 0 1px 2px rgba(255,255,255,.2),inset 0 -1px 3px rgba(0,0,0,.3)}body.light-mode .contact-container:hover{box-shadow:0 40px 70px -10px rgba(0,0,0,.15),0 0 60px -15px color-mix(in srgb,var(--accent) 35%,transparent),inset 0 1px 2px rgba(255,255,255,.9),inset 0 -1px 3px rgba(0,0,0,.1)}}