:root{--dark-background: #100f1c;--text-color: #ffffff;--placeholder-color: #a0a0a0;--input-background: #252331;--border-color: #3f3c4c;--button-gradient-start: #b944ff;--button-gradient-end: #5a30e4;--light-text-color: #e0e0e0}.contact-page-container{width:100%;max-width:1200px;background-color:#100f1c99;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-header{text-align:center;padding:40px 20px 20px}.contact-header h1{font-size:3.5em;margin-bottom:10px;background:#fff;background:linear-gradient(90deg,#fff 29%,#0ff 69%,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.contact-header p{font-size:1.1em;color:var(--light-text-color)}.contact-content{display:flex;flex-wrap:wrap;padding:40px;gap:40px;justify-content:"flex-start";align-items:"flex-start"}.contact-form-section{flex:1;min-width:300px;text-align:left}.contact-form-section h2{font-size:2em;margin-bottom:15px;color:var(--text-color);text-align:left}.contact-form-section p{font-size:1em;margin-bottom:30px;color:var(--light-text-color);text-align:left}.contact-form input,.contact-form textarea{width:calc(100% - 20px);padding:15px 10px;margin-bottom:20px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--input-background);color:var(--text-color);font-size:1em;outline:none;transition:border-color .3s ease}.contact-form input::-moz-placeholder,.contact-form textarea::-moz-placeholder{color:var(--placeholder-color);opacity:.8}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--placeholder-color);opacity:.8}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--button-gradient-start)}.send-button{width:100%;padding:15px 20px;border:none;border-radius:8px;background:linear-gradient(90deg,var(--button-gradient-start),var(--button-gradient-end));color:var(--text-color);font-size:1.2em;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.send-button:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(var(--button-gradient-start),.4)}.arrow-icon{font-size:1.2em;margin-left:5px}.contact-image-section{flex:1;min-width:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#1a1928;border-radius:10px;padding:20px;box-sizing:border-box}.image-overlay-container{position:relative;width:100%;display:flex;align-items:flex-end;justify-content:center}.contact-illustration{max-width:100%;height:auto;border-radius:8px;display:block}.image-gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;pointer-events:none;background:linear-gradient(to bottom,#100f1c00,#100f1c80 60%,#100f1ce6);z-index:1}.image-text-overlay{position:absolute;bottom:0;left:0;width:100%;padding:24px 16px 16px;box-sizing:border-box;z-index:2;color:var(--light-text-color);text-align:left;background:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.signature{font-weight:700;margin-top:10px;font-size:1.1em;color:var(--light-text-color);text-align:left;align-self:flex-start;background-color:"transparent";margin-left:0}@media (max-width: 900px){.contact-content{flex-direction:column;padding:20px}.contact-form-section,.contact-image-section{min-width:unset;width:100%}.contact-header h1{font-size:2.5em}.image-text-overlay{padding:16px 8px 8px;font-size:.95em}}@media (max-width: 500px){.contact-header{padding:20px 10px}.contact-header h1{font-size:2em}.contact-content{padding:15px}.contact-form input,.contact-form textarea,.send-button{padding:12px 10px;font-size:1em}.image-text{font-size:.85em}.image-text-overlay{padding:10px 4px 4px;font-size:.85em}}.main{color:#fff;padding:40px 20px}.container{max-width:1200px;margin:0 auto;text-align:center}.title{font-size:2rem;font-weight:700;margin-bottom:1rem}.description{font-size:1.125rem;max-width:700px;margin:0 auto 3rem}.cards{display:flex;justify-content:center;align-items:center;gap:1rem;padding:5rem 0;perspective:1000px}.card{position:relative;width:180px;height:200px;transition:all .5s;transform-style:preserve-3d}.card:hover{z-index:10}.card-front,.card-back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;transition:transform .5s;backface-visibility:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 25px #00000040}.card-front{background:linear-gradient(rgba(255,255,255,.1),transparent)}.card-back{background:linear-gradient(#ffffff26,#ffffff0d);padding:1rem;transform:rotateY(180deg);color:#fff}.card:hover .card-front{transform:rotateY(180deg)}.card:hover .card-back{transform:rotateY(0);color:#fff;cursor:pointer}.card-footer{position:absolute;bottom:0;width:100%;height:40px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:300}.icon{width:64px;height:64px}.container{max-width:800px;padding:40px 20px;text-align:center}h1,h2,h3{color:var(--accent-color);margin:0 0 10px}h1{font-size:3.5em;font-weight:700;position:relative;text-transform:uppercase;margin-bottom:10px}h2{font-size:1.8em;margin-bottom:25px;border-bottom:2px solid var(--glitch-color1);display:inline-block;padding-bottom:5px}p{margin:0 auto 15px;max-width:600px}strong{color:var(--glitch-color1);font-weight:700}em{color:var(--glitch-color2);font-style:normal}.email-link{color:var(--glitch-color1);text-decoration:none;font-weight:700;transition:color .3s ease,text-shadow .3s ease}.email-link:hover{color:var(--glitch-color2);text-shadow:0 0 5px var(--glitch-color1)}header{margin-bottom:50px}.logo-container{display:inline-block;position:relative;margin-bottom:20px}.logo{display:block;width:150px;height:auto;position:relative;z-index:1}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}section{margin-bottom:60px}.glitch-text,.glitch-container{position:relative}.glitch-text:before,.glitch-text:after,.glitch-container:before,.glitch-container:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-color);overflow:hidden;clip-path:inset(50% 0 50% 0)}.glitch-container:before,.glitch-container:after{content:"";background-color:transparent;z-index:0;mix-blend-mode:screen;opacity:.7}.glitch-text:before{left:2px;text-shadow:-1px 0 var(--glitch-color1);animation:glitch-anim-1 2s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-1px 0 var(--glitch-color2);animation:glitch-anim-2 2.5s infinite linear alternate-reverse}.glitch-container:before{left:3px;background-color:var(--glitch-color1);animation:glitch-anim-1 1.5s infinite linear alternate-reverse}.glitch-container:after{left:-3px;background-color:var(--glitch-color2);animation:glitch-anim-2 2s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip-path:inset(30% 0 60% 0);transform:translate(-3px);opacity:.7}20%{clip-path:inset(80% 0 5% 0);transform:translate(2px);opacity:.5}40%{clip-path:inset(15% 0 70% 0);transform:translate(-1px);opacity:.8}60%{clip-path:inset(65% 0 20% 0);transform:translate(3px);opacity:.4}80%{clip-path:inset(40% 0 45% 0);transform:translate(-2px);opacity:.7}to{clip-path:inset(90% 0 2% 0);transform:translate(1px);opacity:.6}}@keyframes glitch-anim-2{0%{clip-path:inset(75% 0 10% 0);transform:translate(2px);opacity:.7}20%{clip-path:inset(10% 0 85% 0);transform:translate(-3px);opacity:.5}40%{clip-path:inset(55% 0 30% 0);transform:translate(1px);opacity:.8}60%{clip-path:inset(20% 0 70% 0);transform:translate(-2px);opacity:.4}80%{clip-path:inset(50% 0 35% 0);transform:translate(3px);opacity:.7}to{clip-path:inset(5% 0 90% 0);transform:translate(-1px);opacity:.6}}.glitching:before,.glitching:after{animation-duration:.3s;opacity:1}.glitching.glitch-container:before,.glitching.glitch-container:after{opacity:.9}#mission p{font-size:1.1em}footer{margin-top:50px;font-size:.9em;color:#888;border-top:1px solid #444;padding-top:20px}footer p{margin-bottom:10px;max-width:none}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:"transparent";border-radius:16px;box-shadow:0 8px 32px #00000040;padding:0;position:relative;max-height:90vh;overflow-y:auto}.modal-close{position:absolute!important;top:12px!important;right:12px!important;background:none!important;border:none!important;color:#fff!important;font-size:2rem!important;cursor:pointer!important;z-index:10!important;padding:0!important;line-height:1!important;box-shadow:none!important;outline:none!important}:root{--bg-color: #1a1a1a;--text-color: #e0e0e0;--glitch-color1: #00ffff;--glitch-color2: #ff00ff;--accent-color: #f0f0f0}button{--hover-shadows: 16px 16px 33px #121212, -16px -16px 33px #303030;--accent: transparent;font-weight:700;letter-spacing:.1em;border:none;border-radius:1.1em;background-color:#212121;cursor:pointer;color:#fff;padding:1em 2em;transition:box-shadow ease-in-out .3s,background-color ease-in-out .1s,letter-spacing ease-in-out .1s,transform ease-in-out .1s;box-shadow:13px 13px 10px #1c1c1c,-13px -13px 10px #262626}button:hover{box-shadow:var(--hover-shadows)}button:active{box-shadow:var(--hover-shadows),var(--accent) 0 0 30px 5px;background-color:var(--accent);transform:scale(.95)}@media (prefers-color-scheme: light){button{background-color:#f9f9f9}}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;clip-path:inset(50% 0 50% 0)}.glitch-text:before{left:2px;text-shadow:-1px 0 var(--glitch-color1)}.glitch-text:after{left:-2px;text-shadow:-1px 0 var(--glitch-color2)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{font-family:Poppins,sans-serif;margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);line-height:1.7;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow-x:hidden}h1{font-size:3.5em;line-height:1.1;text-transform:uppercase;margin-bottom:10px}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}
