.contact-site{min-height:100vh;background:#071d35;color:#f7fbff;overflow:hidden}.contact-header{position:absolute;z-index:5;top:20px;right:0;left:0}.contact-nav{display:flex;align-items:center;gap:28px;padding:10px 16px 10px 22px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#04193094;box-shadow:0 20px 60px #0003;backdrop-filter:blur(18px)}.contact-nav>a:first-child{margin-inline-end:auto}.contact-nav img{width:165px;height:auto}.contact-nav nav{display:flex;gap:25px;color:#ffffffb3;font-size:14px}.contact-nav nav a:hover,.contact-nav nav .active{color:#fff}.contact-lang{padding:9px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#cfe7ff;font-size:12px}.contact-hero{position:relative;padding:180px 0 105px;overflow:hidden;background:radial-gradient(circle at 10% 35%,rgba(31,132,205,.45),transparent 28%),radial-gradient(circle at 85% 10%,rgba(77,182,252,.15),transparent 30%),#071d35}.contact-hero:before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent)}.contact-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:85px}.contact-eyebrow{color:#65bdff;font:700 10px var(--font-tech);letter-spacing:.16em}.contact-hero h1{max-width:780px;margin:22px 0;font:700 clamp(52px,7vw,95px)/1.02 var(--font-display);letter-spacing:-.075em}.contact-hero p{max-width:620px;color:#ffffffab;font-size:19px;line-height:1.85}.contact-promise{display:flex;align-items:center;gap:10px;margin-top:33px;color:#d4e9f8;font-size:13px}.contact-promise i{width:8px;height:8px;border-radius:50%;background:#65e1a2;box-shadow:0 0 0 7px #65e1a21f}.contact-orb{position:relative;display:grid;place-items:center;min-height:400px;border:1px solid rgba(126,202,255,.3);border-radius:50%;background:radial-gradient(circle at 35% 25%,#236fa9,#092846 68%);box-shadow:0 0 0 35px #389aeb0f,0 0 0 75px #389aeb09,0 35px 90px #00000040;animation:contactFloat 6s ease-in-out infinite}.contact-orb:before,.contact-orb:after{content:"";position:absolute;border:1px solid rgba(130,210,255,.24);border-radius:50%}.contact-orb:before{inset:28px}.contact-orb:after{inset:-28px;animation:contactOrbit 14s linear infinite}.contact-orb>div{position:relative;z-index:1;display:grid;gap:13px;place-items:center;text-align:center}.contact-orb span{color:#8bceff;font:700 11px var(--font-tech)}.contact-orb strong{font:700 23px var(--font-display)}.contact-orb small{color:#e8c86d;font-size:27px}@keyframes contactFloat{50%{transform:translateY(-12px) rotate(3deg)}}@keyframes contactOrbit{to{transform:rotate(360deg)}}.contact-body{position:relative;padding:100px 0 125px;background:#f5f9fd;color:#10233b}.contact-body-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px;align-items:start}.contact-details{padding-top:20px}.contact-details h2{max-width:470px;margin:18px 0 15px;font:700 clamp(39px,4.5vw,62px)/1.05 var(--font-display);letter-spacing:-.065em}.contact-details>p{max-width:430px;color:#6c8296;line-height:1.85}.contact-detail{display:flex;align-items:center;gap:14px;margin-top:20px;padding:18px;border:1px solid #dce7f0;border-radius:18px;color:#10233b;background:#fff;box-shadow:0 12px 30px #07223d0d;transition:transform .3s,box-shadow .3s}.contact-detail:hover{transform:translateY(-5px);box-shadow:0 20px 40px #07223d1a}.contact-detail>b{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#0b3154,#208bd0)}.contact-detail span{display:grid;gap:5px;flex:1}.contact-detail small{color:#7890a4;font:700 9px var(--font-tech);letter-spacing:.1em}.contact-detail i{color:#2c8dd3;font-style:normal}.contact-form{position:relative;padding:38px;border:1px solid #d8e6f0;border-radius:28px;background:#ffffffe0;box-shadow:0 30px 75px #07223d1a}.contact-form:before{content:"";position:absolute;top:0;right:35px;left:35px;height:3px;border-radius:0 0 10px 10px;background:linear-gradient(90deg,#2e94dc,#e5c36b)}.form-heading span{color:#2789d3;font:700 10px var(--font-tech);letter-spacing:.12em}.form-heading h2{margin:12px 0 28px;font:700 37px var(--font-display);letter-spacing:-.045em}.contact-form label{display:grid;gap:8px;margin-top:18px;color:#455f75;font-size:13px;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;box-sizing:border-box;padding:15px;border:1px solid #dce7f0;border-radius:12px;outline:none;color:#10233b;background:#f8fbfd;font:inherit;font-weight:400;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#328eda;box-shadow:0 0 0 4px #328eda1a}.contact-form button{margin-top:25px;padding:15px 24px;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,#58aaf0,#157db5);font:700 14px inherit;cursor:pointer;box-shadow:0 14px 30px #2482c240;transition:transform .25s,box-shadow .25s}.contact-form button:hover{transform:translateY(-3px);box-shadow:0 20px 38px #2482c259}.contact-footer{padding:45px 0;color:#fff;background:#06213d}.contact-footer img{width:170px}.contact-footer p{color:#ffffff8c;font-size:12px}@media(max-width:800px){.contact-header{top:10px}.contact-nav{border-radius:20px}.contact-nav nav{display:none}.contact-hero{padding:125px 0 75px}.contact-hero-grid,.contact-body-grid{grid-template-columns:1fr;gap:45px}.contact-hero h1{font-size:51px}.contact-orb{min-height:300px;width:min(300px,80vw);margin:auto}.contact-body{padding:70px 0}.contact-form{padding:26px}}@media(prefers-reduced-motion:reduce){.contact-orb,.contact-orb:after{animation:none}}.contact-orb>div{width:78%;height:78%;display:grid;place-items:center;align-content:center;gap:12px}.contact-orb>div>span,.contact-orb>div>strong,.contact-orb>div>small{display:none}.contact-orb>div:before{content:"";display:block;width:min(230px,72%);height:78px;background:url(/assets/brand/sandan-logo-light.svg) center/contain no-repeat;filter:drop-shadow(0 0 18px rgba(113,199,255,.5));animation:contactLogoReveal 1.2s ease both,contactLogoFloat 4.5s ease-in-out 1.2s infinite}.contact-orb>div:after{content:"SANDAN SOFT INC.  /  DIGITAL SYSTEMS";color:#e0f3ffad;font:700 8px var(--font-tech);letter-spacing:.16em;text-align:center;animation:contactLogoText 1s .35s ease both}.contact-orb{animation:contactFloat 6s ease-in-out infinite,contactLogoGlow 5s ease-in-out infinite alternate}.contact-orb:before{animation:contactInnerRing 10s linear infinite}.contact-orb:after{animation:contactOrbit 14s linear infinite}@keyframes contactLogoReveal{0%{opacity:0;transform:scale(.65) translateY(14px);filter:blur(8px) drop-shadow(0 0 0 transparent)}to{opacity:1;transform:scale(1);filter:drop-shadow(0 0 18px rgba(113,199,255,.5))}}@keyframes contactLogoFloat{50%{transform:translateY(-7px) scale(1.025)}}@keyframes contactLogoText{0%{opacity:0;letter-spacing:.35em}to{opacity:1;letter-spacing:.16em}}@keyframes contactLogoGlow{to{box-shadow:0 0 0 35px #389aeb17,0 0 0 75px #389aeb0d,0 35px 90px #00000040,0 0 65px #47a4ff33}}@keyframes contactInnerRing{to{transform:rotate(-360deg)}}@media(prefers-reduced-motion:reduce){.contact-orb,.contact-orb>div:before,.contact-orb>div:after,.contact-orb:before,.contact-orb:after{animation:none}}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.contact-form .form-heading,.contact-form label:nth-of-type(3),.contact-form label:nth-of-type(4),.contact-form button{grid-column:1/-1}.contact-form label{margin-top:16px}.contact-form label:nth-of-type(1),.contact-form label:nth-of-type(2){margin-top:0}.contact-form .form-heading{padding-bottom:4px}.contact-form input,.contact-form select,.contact-form textarea{font-size:14px}.contact-form textarea{min-height:128px;resize:vertical}.contact-form button{justify-self:start;min-width:175px}.hero-contact-shortcut{display:inline-flex;align-items:center;gap:8px;margin-inline-start:5px;color:#ffffffb3;font-size:13px;font-weight:700;transition:color .25s,transform .25s}.hero-contact-shortcut:hover{color:#fff;transform:translate(4px)}.hero-contact-shortcut span{display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(255,255,255,.4);border-radius:50%;color:#e5c36b;font-size:10px}@media(max-width:540px){.contact-form{grid-template-columns:1fr}.contact-form label:nth-of-type(1),.contact-form label:nth-of-type(2){margin-top:16px}.hero-contact-shortcut{width:100%;margin:10px 0 0}}