*{box-sizing:border-box;margin:0;padding:0}body{font-family:formula-narrow,sans-serif}.contact{background-color:var(--bg);-ms-overflow-style:none;scrollbar-width:none;grid-template-columns:1fr 1fr;align-items:stretch;gap:1.5em;width:100vw;height:100vh;padding:1.5em;display:grid;position:relative;overflow:hidden auto}.contact::-webkit-scrollbar{display:none}.floating-elements{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.floating-element{background-color:var(--accent1);opacity:.4;border-radius:50%;width:5px;height:5px;animation:12s linear infinite float;position:absolute}.floating-element:nth-child(2n){background-color:var(--accent3)}.floating-element:nth-child(3n){background-color:var(--accent2)}@keyframes float{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:.4}90%{opacity:.4}to{opacity:0;transform:translateY(-100px)rotate(360deg)}}.contact-left{z-index:2;flex-direction:column;justify-content:center;gap:1.5em;display:flex}.contact-card-header-main{flex-direction:column;gap:.75em;display:flex}.contact-card-header-main h1{text-transform:uppercase;color:var(--fg);font-family:rader,sans-serif;font-size:clamp(2rem,5vw,4rem);font-style:italic;line-height:.95}.contact-card-header-main p{color:var(--fg);max-width:90%;font-family:formula-narrow,sans-serif;font-size:.95rem;font-weight:600;line-height:1.2}.contact-info{flex-direction:column;gap:.75em;margin-top:1em;display:flex}.contact-info-item{flex-direction:column;gap:.375em;display:flex}.contact-info-item .label{text-transform:uppercase;background-color:var(--fg);width:max-content;color:var(--bg);border-radius:.2em;padding:.2em .4em;font-family:supply-mono,monospace;font-size:.75rem;font-weight:500;line-height:1.125}.contact-info-item a{text-transform:uppercase;color:var(--fg);font-family:supply-mono,monospace;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block;position:relative}.contact-info-item a:hover{color:var(--accent1);transform:translate(8px)}.contact-form-container{background-color:var(--bg2);border:2px solid var(--fg);z-index:2;box-shadow:6px 6px 0px var(--fg);border-radius:1.5em;width:100%;max-width:600px;padding:1.25em;position:relative;overflow:visible}.contact-form-container:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#0000 0 8px,#14141405 8px 16px);position:absolute;inset:0}.contact-form{z-index:1;flex-direction:column;gap:.875em;display:flex;position:relative}.form-header{text-align:center;margin-bottom:.25em}.form-header h2{text-transform:uppercase;color:var(--fg);margin-bottom:.25em;font-family:rader,sans-serif;font-size:clamp(2rem,4vw,3rem);font-style:italic;line-height:.95}.form-header p{color:var(--fg);opacity:.8;font-family:formula-narrow,sans-serif;font-size:.9rem;font-weight:600;line-height:1.125}.form-row{grid-template-columns:1fr 1fr;gap:.75em;display:grid}.form-group{flex-direction:column;gap:.375em;transition:transform .3s;display:flex;position:relative}.form-group.full-width{grid-column:1/-1}.form-group label{text-transform:uppercase;color:var(--fg);font-family:supply-mono,monospace;font-size:.75rem;font-weight:500;line-height:1.125;transition:all .3s}.form-group input,.form-group textarea,.form-group select{background-color:var(--bg);border:2px solid var(--fg);color:var(--fg);border-radius:.75em;padding:.75em 1em;font-family:formula-narrow,sans-serif;font-size:.85rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent1);background-color:var(--bg);box-shadow:3px 3px 0px var(--accent1);outline:none;transform:translateY(-2px)}.form-group textarea{resize:vertical;min-height:60px;font-family:formula-narrow,sans-serif}.form-group select{cursor:pointer}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--fg);opacity:.5}.submit-btn{background:linear-gradient(45deg, var(--accent1), var(--accent2), var(--accent3), var(--accent4));color:var(--fg);border:2px solid var(--fg);text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0px var(--fg);background-size:400% 400%;border-radius:1.5em;margin-top:19px;padding:.75em 2em;font-family:supply-mono,monospace;font-size:.75rem;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);animation:6s ease-in-out infinite gradientMove;position:relative;overflow:hidden}.submit-btn:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#0000000d 0 8px,#0000 8px 16px);width:200%;height:100%;animation:20s linear infinite stripeMove;position:absolute;top:0;left:0}.submit-btn:hover{box-shadow:6px 6px 0px var(--fg);transform:translateY(-2px)}.submit-btn:active{box-shadow:2px 2px 0px var(--fg);transform:translateY(-1px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.success-message{background-color:var(--accent3);border:2px solid var(--fg);color:var(--fg);text-align:center;opacity:0;box-shadow:3px 3px 0px var(--fg);border-radius:.75em;margin-top:.25em;padding:.5em .75em;font-family:formula-narrow,sans-serif;font-size:.85rem;font-weight:600;transition:all .4s;transform:translateY(15px)}.success-message.show{opacity:1;transform:translateY(0)}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes stripeMove{0%{transform:translate(-50%)}to{transform:translate(0%)}}@media (max-width:1200px){.contact{-ms-overflow-style:none;scrollbar-width:none;grid-template-columns:1fr;align-items:start;gap:1.5em;height:auto;min-height:100vh;padding:1.5em 1em}.contact::-webkit-scrollbar{display:none}.contact-left{justify-content:flex-start;gap:1.25em}.contact-card-header-main p{max-width:100%}}@media (max-width:1000px){.contact-card-header-main h1{font-size:clamp(2rem,5vw,3rem)}.form-header h2{font-size:2rem}}@media (max-width:768px){.contact{gap:1.25em;margin-top:100px;padding:1em}.contact-form-container{border-radius:1em;max-width:100%;padding:1em}.form-row{grid-template-columns:1fr;gap:.5em}.contact-card-header-main h1{font-size:clamp(1.75rem,8vw,2rem)}.form-header h2{font-size:clamp(1.25rem,6vw,1.5rem)}.form-group input,.form-group textarea,.form-group select{padding:.65em .9em}.form-group textarea{min-height:50px}.submit-btn{padding:.65em 1.75em}}.form-group.error input,.form-group.error textarea,.form-group.error select{box-shadow:0 0 0 2px #ff44441a;border-color:#f44!important}.error-message{color:#f44;margin-top:.5rem;font-size:.85rem;animation:.3s fadeIn;display:block}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake-error{animation:.5s shake}.submit-btn:disabled{opacity:.5;cursor:not-allowed;background:#666}.submit-btn:disabled:hover{background:#666;transform:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
