.contact-page{color:#f9fafb;background:radial-gradient(circle at top,rgba(99,102,241,.25),transparent 55%),radial-gradient(circle at bottom,rgba(16,185,129,.18),transparent 45%),#050816;min-height:calc(100vh - 6rem);padding:7rem 1.5rem 5rem;position:relative;overflow:hidden}.contact-page:before,.contact-page:after{content:"";filter:blur(60px);opacity:.5;pointer-events:none;background:radial-gradient(circle,rgba(59,130,246,.4),transparent 70%);width:45rem;height:45rem;animation:14s ease-in-out infinite contact-float;position:absolute}.contact-page:before{top:-20rem;right:-15rem}.contact-page:after{animation-delay:-5s;bottom:-25rem;left:-10rem}.contact-wrapper{z-index:1;gap:3rem;max-width:1040px;margin:0 auto;display:grid;position:relative}.contact-hero{text-align:left;gap:1.25rem;animation:.8s forwards contact-fadeInUp;display:grid}.contact-breadcrumbs{letter-spacing:.05em;text-transform:uppercase;color:rgba(209,213,219,.7);align-items:center;gap:.5rem;font-size:.85rem;display:inline-flex}.contact-badge{color:#bfdbfe;letter-spacing:.04em;background:rgba(59,130,246,.18);border-radius:999px;align-items:center;gap:.5rem;padding:.4rem 1.1rem;font-size:.9rem;font-weight:600;animation:4s infinite contact-pulse;display:inline-flex}.contact-badge>span{background:linear-gradient(135deg,#60a5fa,#34d399);border-radius:50%;width:.6rem;height:.6rem;display:block;box-shadow:0 0 10px rgba(96,165,250,.65)}.contact-title{font-size:max(2.4rem,min(4vw,3.5rem));font-weight:700;line-height:1.1}.contact-title span{background:linear-gradient(120deg,#60a5fa 0%,#34d399 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.contact-subtitle{color:rgba(229,231,235,.8);max-width:46ch;font-size:1.1rem;line-height:1.6}.contact-grid{grid-template-columns:1.2fr 1fr;gap:2rem;display:grid}.contact-formCard,.contact-infoCard{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(15,23,42,.75);border:1px solid rgba(148,163,184,.25);border-radius:1.8rem;padding:2.5rem;position:relative;box-shadow:0 30px 60px -30px rgba(14,165,233,.55)}.contact-formCard:before,.contact-infoCard:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:.7;pointer-events:none;background:linear-gradient(120deg,rgba(96,165,250,.55),rgba(34,197,94,.4));padding:1px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 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}.contact-infoCard{gap:1.5rem;animation:.8s .15s both contact-fadeInUp;display:grid}.contact-form{gap:1.5rem;display:grid}.contact-formTitle{margin-bottom:1rem;font-size:1.4rem}.contact-formSubtitle{color:rgba(226,232,240,.7);margin-bottom:2rem;font-size:.98rem;line-height:1.5}.contact-field{gap:.6rem;display:grid}.contact-label{color:rgba(248,250,252,.9);font-size:.95rem;font-weight:600}.contact-input,.contact-textarea{color:#f8fafc;background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.4);border-radius:1rem;width:100%;padding:.9rem 1.1rem;font-size:1rem;transition:border .2s,box-shadow .2s,transform .2s}.contact-input:focus,.contact-textarea:focus{border-color:rgba(96,165,250,.8);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px rgba(59,130,246,.25)}.contact-textarea{resize:vertical;min-height:160px}.contact-submit{color:#041027;cursor:pointer;background:linear-gradient(120deg,#60a5fa,#34d399);border:none;border-radius:999px;justify-self:start;padding:.85rem 1.6rem;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .3s}.contact-submit:hover:not(:disabled){transform:translateY(-2px)scale(1.01);box-shadow:0 18px 30px -18px rgba(59,130,246,.6)}.contact-submit:disabled{opacity:.65;cursor:wait}.contact-status{font-size:.95rem;line-height:1.4}.contact-status--success{color:#bbf7d0}.contact-status--error{color:#fecaca}.contact-infoIntro{color:rgba(226,232,240,.75);line-height:1.55}.contact-contactList{gap:1rem;display:grid}.contact-contactItem{color:inherit;background:rgba(30,64,175,.35);border:1px solid rgba(96,165,250,.25);border-radius:1.2rem;align-items:center;gap:1rem;padding:1rem 1.2rem;text-decoration:none;transition:transform .25s;display:flex}.contact-contactItem:hover{transform:translate(6px)}.contact-contactIcon{background:rgba(37,99,235,.45);border-radius:.8rem;place-items:center;width:2.4rem;height:2.4rem;font-size:1.2rem;display:grid}.contact-contactText{gap:.2rem;display:grid}.contact-contactText strong{color:#e0f2fe;margin-bottom:.2rem;font-size:.95rem;display:block}.contact-contactText span{color:rgba(226,232,240,.75);font-size:.9rem}.contact-additional{background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.25);border-radius:1.2rem;gap:1rem;padding:1.2rem 1.4rem;display:grid}.contact-additional h3{color:#bfdbfe;font-size:1.05rem}.contact-additional p{color:rgba(226,232,240,.7);font-size:.9rem;line-height:1.5}@keyframes contact-float{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(10px,-20px)scale(1.05)}}@keyframes contact-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translate(0,0)}}@keyframes contact-pulse{0%,to{transform:translateY(0);box-shadow:0 12px 30px -20px rgba(59,130,246,.6)}50%{transform:translateY(-2px);box-shadow:0 20px 40px -25px rgba(59,130,246,.7)}}@media (max-width:960px){.contact-grid{grid-template-columns:1fr}.contact-formCard,.contact-infoCard{padding:2rem}}@media (max-width:640px){.contact-page{padding:6rem 1rem 3.5rem}.contact-contactItem{align-items:flex-start}.contact-contactIcon{width:2rem;height:2rem;font-size:1rem}}