.contact-page{color:#e8edf5;background-color:#0b0f18;min-height:100vh;font-family:Syne,sans-serif;position:relative;overflow:hidden}.contact-page ::selection{background-color:#006bdd4d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(400%)}}@keyframes float-particle{0%,to{transform:translateY(0)translate(0)}33%{transform:translateY(-12px)translate(4px)}66%{transform:translateY(6px)translate(-4px)}}@keyframes glow-pulse{0%,to{opacity:.3}50%{opacity:.7}}@keyframes success-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.clip-path-form{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.clip-path-button{clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px))}.clip-path-card{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.clip-path-icon{clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.contact-page .noise-overlay{pointer-events:none;opacity:.02;z-index:0;background-image:url(https://grainy-gradients.vercel.app/noise.svg);position:fixed;inset:0}.contact-page .bg-orb-1{pointer-events:none;background:radial-gradient(circle,#006bdd12 0%,#0000 65%);border-radius:100%;width:700px;height:700px;animation:5s infinite glow-pulse;position:fixed;top:-10%;right:-5%}.contact-page .bg-orb-2{pointer-events:none;background:radial-gradient(circle,#7200dd0f 0%,#0000 65%);border-radius:100%;width:600px;height:600px;position:fixed;bottom:0;left:-10%}.contact-page .floating-particle{pointer-events:none;animation:float-particle var(--duration,8s) ease-in-out infinite;animation-delay:var(--delay,0s);border-radius:50%;position:fixed}.contact-page .main-content-wrapper{z-index:10;padding-top:68px;position:relative}.contact-page .hero-container{max-width:1280px;margin:0 auto;padding:5rem 1.5rem;position:relative}@media (min-width:768px){.contact-page .hero-container{padding-left:3rem;padding-right:3rem}}.contact-page .hero-top-line{background:linear-gradient(90deg,#0000,#006bdd33,#0000);height:1px;position:absolute;top:68px;left:0;right:0}.contact-page .hero-badge{color:#006bdd;letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:11px;font-weight:700;display:flex}.contact-page .hero-badge:before{content:"";background-color:currentColor;width:1.75rem;height:1px}.contact-page .fade-up{animation:.7s both fadeInUp}.contact-page .fade-up-delay-1{animation:.7s .1s both fadeInUp}.contact-page .fade-up-delay-2{animation:.7s .2s both fadeInUp}.contact-page .fade-up-delay-3{animation:.8s .3s both fadeInUp}.contact-page .fade-up-delay-4{animation:.8s .4s both fadeInUp}.contact-page .hero-title{letter-spacing:-.02em;font-size:clamp(48px,7vw,88px);font-weight:800;line-height:.95}.contact-page .hero-gradient{background:linear-gradient(90deg,#006bdd,#7200dd);color:#0000;-webkit-background-clip:text;background-clip:text}.contact-page .hero-description{color:#95afc0;max-width:380px;margin-bottom:2rem;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:300;line-height:1.85}.contact-page .status-badge{background-color:#006bdd0d;border:1px solid #006bdd4d;align-items:center;gap:.75rem;padding:.625rem 1.125rem;display:inline-flex}.contact-page .status-dot{background-color:#0d8;border-radius:50%;width:.5rem;height:.5rem;animation:2s infinite pulse;box-shadow:0 0 8px #0d8}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.contact-page .status-text{letter-spacing:.1em;text-transform:uppercase;color:#95afc0;font-size:12px;font-weight:700}.contact-page .hero-divider{background:linear-gradient(90deg,#006bdd66,#7200dd66,#0000);height:1px;margin-top:60px}.contact-page .two-col-layout{grid-template-columns:1fr;align-items:start;gap:4rem;max-width:1280px;margin:0 auto;padding-bottom:6rem;padding-left:1.5rem;padding-right:1.5rem;display:grid}@media (min-width:768px){.contact-page .two-col-layout{padding-left:3rem;padding-right:3rem}}@media (min-width:1024px){.contact-page .two-col-layout{grid-template-columns:1fr 1.6fr;gap:4rem}}.contact-page .info-column{position:relative}@media (min-width:1024px){.contact-page .info-column{position:sticky;top:7rem}}.contact-page .contact-cards{flex-direction:column;gap:.75rem;margin-bottom:3rem;display:flex}.contact-page .contact-card{background-color:#006bdd0d;border:1px solid #006bdd33;padding:1.75rem;transition:all .3s;position:relative;overflow:hidden}.contact-page .contact-card:hover{border-color:#006bdd99;transform:translate(8px)}.contact-page .card-bg-overlay{opacity:0;background:linear-gradient(to bottom right,#006bdd0d,#0000);transition:opacity .3s;position:absolute;inset:0}.contact-page .contact-card:hover .card-bg-overlay{opacity:1}.contact-page .card-scan-line{background:linear-gradient(90deg,#0000,#006bdd66,#0000);height:1px;animation:4s infinite scan-line;position:absolute;top:0;left:0;right:0}.contact-page .card-content{z-index:10;gap:1.25rem;display:flex;position:relative}.contact-page .card-icon{border-style:solid;border-width:1px;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1.125rem;display:flex}.contact-page .card-label{letter-spacing:.1em;text-transform:uppercase;margin-bottom:.25rem;font-size:10px;font-weight:700}.contact-page .card-value{color:#d0d8ec;font-size:15px;font-weight:700}.contact-page .card-sub{color:#3a4258;font-family:DM Sans,sans-serif;font-size:12px}.contact-page .social-section{margin-bottom:3rem}.contact-page .section-header{color:#3a4258;letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:10px;font-weight:700;display:flex}.contact-page .section-header:before{content:"";background-color:currentColor;width:1.25rem;height:1px}.contact-page .social-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.contact-page .social-btn{text-transform:uppercase;letter-spacing:.05em;color:#3a4258;cursor:pointer;background-color:#006bdd0d;border:1px solid #006bdd33;padding:.5rem 1rem;font-size:11px;font-weight:700;transition:all .3s}.contact-page .social-btn:hover{color:#e8edf5;background-color:#006bdd1a;border-color:#006bdd99}.contact-page .stack-box{background-color:#006bdd0d;border:1px solid #006bdd33;padding:1.5rem}.contact-page .stack-title{color:#006bdd;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;font-size:10px;font-weight:700}.contact-page .stack-items{flex-wrap:wrap;gap:.5rem;display:flex}.contact-page .stack-item{color:#3a4258;background-color:#ffffff0d;border:1px solid #ffffff0d;padding:.25rem .75rem;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600}.contact-page .form-wrapper{background-color:#006bdd0d;border:1px solid #006bdd4d;padding:2rem;position:relative;overflow:hidden}@media (min-width:768px){.contact-page .form-wrapper{padding:3rem}}.contact-page .form-top-line{background:linear-gradient(90deg,#006bdd,#7200dd);height:2px;position:absolute;top:0;left:0;right:0}.contact-page .form-title{letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.contact-page .form-subtitle{color:#3a4258;margin-bottom:2.5rem;font-family:DM Sans,sans-serif;font-size:.875rem}.contact-page .contact-form{flex-direction:column;gap:1.5rem;display:flex}.contact-page .form-row{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:768px){.contact-page .form-row{grid-template-columns:repeat(2,1fr)}}.contact-page .form-group{flex-direction:column;gap:.75rem;display:flex}.contact-page .form-label{letter-spacing:.1em;text-transform:uppercase;color:#3a4258;align-items:center;gap:.5rem;font-size:10px;font-weight:700;transition:color .2s;display:flex}.contact-page .form-label.active{color:#006bdd}.contact-page .label-line{background-color:currentColor;width:1rem;height:1px}.contact-page .form-input,.contact-page .form-textarea{color:#e8edf5;background-color:#006bdd0d;border:1px solid #006bdd33;outline:none;width:100%;padding:1rem;font-size:15px;transition:all .2s}.contact-page .form-input:focus,.contact-page .form-textarea:focus{background-color:#006bdd1a;border-color:#006bddcc}.contact-page .form-textarea{resize:vertical;min-height:120px}.contact-page .service-buttons{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.contact-page .service-btn{cursor:pointer;border-style:solid;border-width:1px;padding:.5rem 1rem;font-size:12px;font-weight:600;transition:all .2s}.contact-page .service-btn-default{color:#95afc0;border-color:#006bdd33}.contact-page .service-btn-default:hover{color:#d0d8ec;border-color:#006bdd80}.contact-page .service-btn-active{color:#e8edf5;background-color:#006bdd33;border-color:#006bdd;box-shadow:0 0 15px #006bdd33}.contact-page .submit-btn{color:#fff;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;background:linear-gradient(90deg,#006bdd,#7200dd);border:none;width:100%;padding:1.25rem;font-size:13px;font-weight:800;transition:all .3s;position:relative}.contact-page .submit-btn:hover{transform:translateY(-4px);box-shadow:0 15px 40px #006bdd66}.contact-page .btn-content{z-index:10;justify-content:center;align-items:center;gap:.5rem;display:flex;position:relative}.contact-page .btn-arrow{transition:transform .3s}.contact-page .submit-btn:hover .btn-arrow{transform:translate(8px)}.contact-page .form-footer{text-align:center;color:#3a4258;font-family:DM Sans,sans-serif;font-size:11px}.contact-page .success-container{text-align:center;background-color:#006bdd0d;border:1px solid #006bdd80;padding:4rem;animation:.6s both success-pop}.contact-page .success-icon{color:#0d8;background-color:#006bdd1a;border:1px solid #006bdd66;border-radius:50%;justify-content:center;align-items:center;width:5rem;height:5rem;margin:0 auto 2rem;font-size:1.875rem;display:flex;box-shadow:0 0 30px #006bdd33}.contact-page .success-title{margin-bottom:1rem;font-size:1.875rem;font-weight:800}.contact-page .success-message{color:#95afc0;max-width:320px;margin:0 auto 2.5rem;font-family:DM Sans,sans-serif;line-height:1.625}.contact-page .success-name{color:#006bdd;font-weight:700}.contact-page .reset-btn{text-transform:uppercase;letter-spacing:.1em;color:#006bdd;cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:700}.contact-page .reset-btn:hover{text-decoration:underline}