.contact-page{--c-bg:#10110f;--c-panel:#171815;--c-grid:#292b25;--c-lime:#cbff36;--c-violet:#8466ff;background:var(--c-bg);color:#f2f0e9;min-height:100vh;font-family:var(--font-geist),sans-serif;overflow:hidden}.contact-page *{box-sizing:border-box}.contact-noise{pointer-events:none;z-index:10;opacity:.16;mix-blend-mode:soft-light;background:repeating-linear-gradient(0deg,#0000 0 3px,#fff 4px);position:fixed;inset:0}.contact-page:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.contact-nav{z-index:3;border-bottom:1px solid #ffffff18;grid-template-columns:1fr auto 1fr;align-items:center;height:84px;padding:0 clamp(22px,4vw,70px);display:grid;position:relative}.contact-logo{color:#fff;letter-spacing:-1px;justify-self:start;font-size:19px;font-weight:900}.contact-logo span{color:var(--c-violet)}.contact-runtime{color:#aaa99f;font:700 8px var(--font-mono);letter-spacing:1px;border:1px solid #ffffff1c;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:flex}.contact-runtime i{background:#5dff8a;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite runtime-pulse;box-shadow:0 0 10px #5dff8a}.contact-runtime b{color:#696861}.contact-back{color:#ddd9cf;font:700 10px var(--font-mono);letter-spacing:.5px;justify-self:end;align-items:center;gap:10px;display:flex}.contact-back svg{width:16px;transition:all .25s}.contact-back:hover{color:var(--c-lime)}.contact-back:hover svg{transform:translate(-4px)}.contact-hero{z-index:2;grid-template-columns:1.15fr .85fr;align-items:center;gap:8vw;max-width:1500px;min-height:700px;margin:auto;padding:90px clamp(22px,4vw,70px) 80px;display:grid;position:relative}.contact-heading>p,.contact-label{color:#8c8a83;font:700 9px var(--font-mono);letter-spacing:1.5px}.contact-heading>p span{color:var(--c-lime)}.contact-heading h1{letter-spacing:-.075em;margin:38px 0 45px;font-size:clamp(70px,7vw,124px);line-height:.78}.contact-heading h1 em{color:var(--c-violet);font-family:Georgia,serif;font-weight:400}.contact-heading h1 i{color:var(--c-lime);font-family:Georgia,serif;font-weight:400}.contact-command{color:#b7b5ad;font:600 10px var(--font-mono);background:#090a08;border:1px solid #ffffff20;align-items:center;gap:9px;padding:13px 16px;display:inline-flex;box-shadow:0 18px 50px #0006}.contact-command svg{width:16px;color:var(--c-lime)}.contact-command span{color:#8d70ff}.contact-command b{color:#f0eee7}.contact-command i{color:var(--c-lime);font-style:normal;animation:.75s step-end infinite terminal-cursor}.contact-code-card{background:#151613cc;border:1px solid #ffffff24;animation:5s ease-in-out infinite code-card-float;position:relative;transform:rotate(1.5deg);box-shadow:22px 22px #8466ff,0 35px 100px #0009}.contact-code-card:before{content:"";border:1px dashed #cbff3655;border-radius:50%;width:130px;height:130px;animation:12s linear infinite contact-spin;position:absolute;inset:-35px -45px auto auto}.code-title{height:46px;font:600 8px var(--font-mono);color:#8f8e87;border-bottom:1px solid #ffffff18;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 15px;display:grid}.code-title>span{gap:5px;display:flex}.code-title>span i{background:#ff6c56;border-radius:50%;width:7px;height:7px}.code-title>span i:nth-child(2){background:#ffd047}.code-title>span i:nth-child(3){background:#63db80}.code-title b{color:#d7d4cb}.code-title em{text-align:right;font-style:normal}.contact-code-card ol{counter-reset:line;margin:0;padding:28px 18px 30px;list-style:none}.contact-code-card li{color:#c9c6bc;min-height:35px;font:500 clamp(9px,.8vw,12px)/1.6 var(--font-mono);grid-template-columns:28px 1fr;display:grid}.contact-code-card li>span{color:#55564f}.contact-code-card code b{color:#9a82ff}.contact-code-card code i{color:#cbff36;font-style:normal}.contact-code-card li:nth-child(4) code i{color:#ff987c}.code-status{color:#77e493;font:600 8px var(--font-mono);background:#0e120d;border-top:1px solid #ffffff18;align-items:center;gap:8px;padding:12px 16px;display:flex}.code-status svg{width:13px}.code-status span{color:#5e635c;margin-left:auto}.contact-workspace{z-index:2;border-top:1px solid #ffffff18;grid-template-columns:.75fr 1.25fr;gap:6vw;max-width:1500px;margin:auto;padding:80px clamp(22px,4vw,70px) 120px;display:grid;position:relative}.contact-sidebar{padding-top:15px}.contact-sidebar>article{border-bottom:1px solid #ffffff18;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:24px 0;display:grid}.contact-sidebar>article>svg{width:17px;color:var(--c-violet)}.contact-sidebar small{color:#696861;font:700 7px var(--font-mono);letter-spacing:1.3px;margin-bottom:6px;display:block}.contact-sidebar a,.contact-sidebar strong{font-size:clamp(13px,1.1vw,17px);font-weight:600}.contact-sidebar button{color:#aaa99f;cursor:pointer;background:0 0;border:1px solid #ffffff20;place-items:center;width:35px;height:35px;display:grid}.contact-sidebar button:hover{color:var(--c-lime);border-color:var(--c-lime)}.contact-sidebar button svg{width:14px}.availability-card{background:linear-gradient(135deg,#cbff360f,#0000);border:1px solid #cbff363a;margin-top:35px;padding:25px}.availability-card>span{color:var(--c-lime);font:700 8px var(--font-mono);letter-spacing:1.4px;align-items:center;gap:8px;display:flex}.availability-card>span i{background:var(--c-lime);width:7px;height:7px;box-shadow:0 0 12px var(--c-lime);border-radius:50%}.availability-card p{margin:20px 0 26px;font-size:22px;line-height:1.3}.availability-card p b{color:var(--c-lime)}.availability-card>small{color:#686961;font:600 7px var(--font-mono)}.brief-panel{background:#151613a8;border:1px solid #9a82ffcc;padding:clamp(24px,3.5vw,55px);box-shadow:inset 0 0 0 1px #ffffff12,0 30px 100px #0007,0 0 46px #8466ff26}.brief-head{justify-content:space-between;align-items:start;gap:30px;margin-bottom:45px;display:flex}.brief-head h2{letter-spacing:-.06em;margin:15px 0 0;font-size:clamp(48px,5vw,78px);line-height:.86}.brief-head h2 em{color:var(--c-violet);font-family:Georgia,serif;font-weight:400}.brief-head>span{color:#9b85ff;font:700 8px/1.5 var(--font-mono);text-align:right;border:1px solid #8466ff55;padding:10px}.contact-form{grid-template-columns:1fr 1fr;gap:30px 24px;display:grid}.contact-form label{display:block}.contact-form label>span{color:#77776f;font:600 8px var(--font-mono);margin-bottom:9px;display:block}.contact-form label>span b{color:var(--c-violet);margin-right:9px}.contact-form input,.contact-form select,.contact-form textarea{color:#f0eee7;width:100%;font:500 13px var(--font-mono);background:0 0;border:0;border-bottom:1px solid #ffffff28;border-radius:0;outline:0;padding:12px 2px}.contact-form textarea{resize:vertical;line-height:1.6}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--c-lime);box-shadow:0 1px var(--c-lime)}.contact-form select option{background:#151613}.contact-form .form-wide{grid-column:1/-1}.contact-submit{border:1px solid var(--c-lime);background:var(--c-lime);color:#111;min-height:58px;font:900 11px var(--font-mono);letter-spacing:1.2px;cursor:pointer;grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:5px;padding:0 20px;transition:all .25s;display:flex}.contact-submit:hover{background:var(--c-violet);border-color:var(--c-violet);color:#fff}.contact-submit svg{transition:all .25s}.contact-submit:hover svg{transform:translate(4px,-4px)}.request-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:430px;display:flex}.request-success>div{background:var(--c-lime);color:#111;border-radius:50%;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 0 50px #cbff3644}.request-success p{color:var(--c-lime);font:700 9px var(--font-mono);letter-spacing:1.4px;margin:25px 0 10px}.request-success h3{margin:0 0 12px;font-size:30px}.request-success>span{color:#8c8b84;max-width:430px;font-size:13px}.request-success button{color:#fff;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;margin-top:30px;padding:6px}.contact-footer{z-index:2;color:#77776f;font:700 8px var(--font-mono);letter-spacing:1px;border-top:1px solid #ffffff18;justify-content:space-between;align-items:center;padding:30px clamp(22px,4vw,70px);display:flex;position:relative}.contact-footer p{color:var(--c-lime)}.contact-footer a{color:#dad7ce;align-items:center;gap:8px;display:flex}.contact-footer svg{width:14px}@keyframes runtime-pulse{50%{opacity:.35;transform:scale(.75)}}@keyframes terminal-cursor{50%{opacity:0}}@keyframes code-card-float{50%{transform:rotate(-1deg)translateY(-12px)}}@keyframes contact-spin{to{transform:rotate(360deg)}}@media (max-width:900px){.contact-nav{grid-template-columns:1fr auto}.contact-runtime{display:none}.contact-hero{grid-template-columns:1fr;padding-top:65px}.contact-heading h1{font-size:clamp(62px,15vw,100px)}.contact-code-card{max-width:600px;transform:none}.contact-workspace{grid-template-columns:1fr}.contact-sidebar{order:2}.brief-panel{order:1}.contact-form{grid-template-columns:1fr}.contact-form .form-wide,.contact-submit{grid-column:auto}.contact-footer{flex-wrap:wrap;gap:18px}.contact-footer p{order:3;width:100%}}@media (max-width:520px){.contact-nav{height:70px}.contact-back{font-size:0}.contact-back svg{width:20px}.contact-hero{min-height:auto;padding-bottom:70px}.contact-heading h1{margin:30px 0 36px;font-size:17vw}.contact-command{font-size:8px}.contact-code-card{box-shadow:10px 10px #8466ff}.contact-workspace{padding-top:60px}.brief-panel{padding:24px 18px}.brief-head>span{display:none}.contact-form{gap:24px}.contact-footer a{width:100%}}@media (prefers-reduced-motion:reduce){.contact-runtime i,.contact-command i,.contact-code-card,.contact-code-card:before{animation:none}}
