.contact-page{color:#e0e8ff;background:linear-gradient(#000314bf,#000314a6),url(/contact/cyberpunk-bg.jpeg) 50%/cover no-repeat fixed;min-height:100vh;padding-top:70px;position:relative;overflow-x:hidden}.contact-page:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#00f5ff06 1px,#0000 1px),linear-gradient(90deg,#00f5ff06 1px,#0000 1px);background-size:50px 50px;position:fixed;inset:0}.contact-page:after{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000f 2px 4px);position:fixed;inset:0}.contact-hero{z-index:1;text-align:center;border-bottom:1px solid #00f5ff14;padding:70px 5rem 60px;position:relative}.contact-hero-label{letter-spacing:5px;color:var(--pink);text-transform:uppercase;margin-bottom:1rem;font-family:Share Tech Mono,monospace;font-size:.7rem;display:block}.contact-hero-title{color:#fff;letter-spacing:6px;text-transform:uppercase;margin-bottom:1rem;font-family:Orbitron,monospace;font-size:clamp(5rem,5vw,3.8rem);font-weight:900}.contact-hero-title span{color:var(--cyan);text-shadow:0 0 28px #00f5ff99}.contact-hero-sub{letter-spacing:3px;color:#b4c8ff73;font-family:Share Tech Mono,monospace;font-size:1.2rem}.contact-cards-section{z-index:1;border-bottom:1px solid #00f5ff0f;padding:70px 5rem;position:relative}.contact-section-label{letter-spacing:4px;color:var(--pink);margin-bottom:2.5rem;font-family:Share Tech Mono,monospace;font-size:.68rem;display:block}.contact-cards-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.contact-card{background:#000314d9;border:1px solid #00f5ff1f;flex-direction:column;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;overflow:hidden}.contact-card:before{content:"";background:var(--card-accent,var(--cyan));height:2px;box-shadow:0 0 12px var(--card-accent,var(--cyan));position:absolute;top:0;left:0;right:0}.contact-card:hover{border-color:#00f5ff59;transform:translateY(-6px);box-shadow:0 16px 50px #0006,0 0 30px #00f5ff14}.contact-card-img-wrap{flex-shrink:0;height:260px;position:relative;overflow:hidden}.contact-card-img{object-fit:cover;object-position:top;filter:grayscale(15%)brightness(.85);width:100%;height:100%;transition:filter .4s,transform .4s}.contact-card:hover .contact-card-img{filter:grayscale(0%)brightness(1.05);transform:scale(1.05)}.contact-card-sep{background:linear-gradient(90deg,var(--card-accent,var(--cyan)),transparent);opacity:.5;height:2px}.contact-card-corner{z-index:2;opacity:0;width:14px;height:14px;transition:opacity .3s;position:absolute}.contact-card:hover .contact-card-corner{opacity:1}.contact-card-corner.tl{border-top:2px solid var(--card-accent,var(--cyan));border-left:2px solid var(--card-accent,var(--cyan));top:10px;left:10px}.contact-card-corner.br{border-bottom:2px solid var(--card-accent,var(--cyan));border-right:2px solid var(--card-accent,var(--cyan));bottom:10px;right:10px}.contact-card-body{flex-direction:column;flex:1;gap:0;padding:1.4rem 1.5rem 1.6rem;display:flex}.contact-card-tag{letter-spacing:3px;color:var(--card-accent,var(--cyan));opacity:.7;margin-bottom:.75rem;font-family:Share Tech Mono,monospace;font-size:.75rem;display:block}.contact-card-name{color:#fff;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:.2rem;font-family:Rajdhani,sans-serif;font-size:1.8rem;font-weight:700;line-height:1.15}.contact-card-role{letter-spacing:1.5px;color:var(--card-accent,var(--cyan));text-transform:uppercase;margin-bottom:1rem;font-family:Share Tech Mono,monospace;font-size:1rem;line-height:1.4}.contact-card-detail{color:#d2e1ffe6;border-bottom:1px solid #ffffff0a;border-radius:4px;grid-template-columns:24px 1fr;align-items:center;gap:.4rem;padding:.55rem 0;font-family:"Exo 2",sans-serif;font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .2s;display:grid}.contact-card-detail:last-of-type{border-bottom:none}.contact-card-detail span:first-child{opacity:.75;text-align:center;color:var(--card-accent,var(--cyan));font-size:2rem}.contact-card-linkedin{letter-spacing:2px;color:var(--card-accent,var(--cyan));text-transform:uppercase;border:1px solid var(--card-accent,var(--cyan));border-radius:4px;align-items:center;gap:.4rem;width:fit-content;margin-top:.85rem;padding:.45rem 1rem;font-family:"Exo 2",sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:background .25s,color .25s,box-shadow .25s;display:inline-flex}.contact-card-linkedin:hover{background:var(--card-accent,var(--cyan));color:#000;box-shadow:0 0 14px var(--card-accent,var(--cyan))}.contact-card-details{border-top:1px solid #00f5ff14;flex-direction:column;gap:.45rem;margin-top:auto;padding-top:.9rem;display:flex}.contact-card-detail:hover{color:#e0e8ff}.contact-card-linkedin{letter-spacing:2px;color:var(--card-accent,var(--cyan));margin-top:.3rem;font-family:Orbitron,monospace;font-size:1rem;text-decoration:none;transition:opacity .2s;display:inline-block}.contact-bottom{z-index:1;border-bottom:1px solid #00f5ff0f;padding:70px 5rem;position:relative}.contact-bottom-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:2.5rem;display:grid}.info-stack{flex-direction:column;gap:1rem;display:flex}.info-block{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080a1cd9;border:1px solid #00e6ff47;border-radius:12px;padding:1.3rem 1.5rem;transition:box-shadow .3s,border-color .3s,transform .3s;position:relative}.info-block:hover{border-color:#ff00ff8c;transform:translateY(-2px);box-shadow:0 0 10px #f0f,0 0 20px #ff00ff4d}.info-block-label{display:none}.info-block-title{color:#00e5ff;align-items:center;gap:.5rem;margin-bottom:.65rem;font-family:Segoe UI,sans-serif;font-size:1.5rem;font-weight:700;display:flex}.info-block-text{color:#dce6ffd9;font-family:Segoe UI,sans-serif;font-size:1rem;line-height:1.85}.info-block-text a{color:#dce6ffd9;text-decoration:none;transition:color .2s}.info-block-text a:hover{color:#00e5ff}.contact-form-wrap{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#030624eb;border:1px solid #00e6ff33;border-radius:16px;padding:2.2rem 2.4rem;transition:border-color .4s,box-shadow .4s;position:relative;overflow:hidden}@keyframes shimmer{0%{background-position:0 0}to{background-position:200% 0}}.contact-form-header{border-bottom:1px solid #00e6ff33;flex-direction:column;gap:.4rem;margin-bottom:1.8rem;padding-bottom:1.2rem;display:flex}.contact-form-tag{letter-spacing:4px;color:#00e5ffbf;text-transform:uppercase;font-family:Share Tech Mono,monospace;font-size:.68rem}.contact-form-title{letter-spacing:3px;text-transform:uppercase;color:#fff;text-shadow:0 0 30px #ffffff1a;font-family:Rajdhani,sans-serif;font-size:2.1rem;font-weight:700;line-height:1}.contact-form-title span{color:#00e5ff;text-shadow:0 0 25px #00e5ffcc,0 0 50px #00e5ff66}.form-field{flex-direction:column;gap:.5rem;display:flex;position:relative}.form-field-label{letter-spacing:2.5px;text-transform:uppercase;color:#00e5ffcc;padding-left:2px;font-family:"Exo 2",sans-serif;font-size:.72rem;font-weight:700;transition:color .2s;display:block!important}.form-field:focus-within .form-field-label{color:#f0f;text-shadow:0 0 10px #ff00ff80}.contact-input{color:#fff;box-sizing:border-box;background:#000623d9;border:1px solid #00dcff59;border-radius:8px;outline:none;width:100%;padding:14px 18px;font-family:"Exo 2",sans-serif;font-size:1rem;font-weight:500;transition:border-color .25s,box-shadow .25s,background .25s}.contact-input::placeholder{color:#a0c8ff66;font-style:normal;font-weight:400}.contact-input:focus{background:#000a32f2;border-color:#f0f;box-shadow:0 0 0 3px #ff00ff26,0 0 25px #ff00ff40}.contact-input:not(:placeholder-shown){color:#fff;border-color:#00dcff99}textarea.contact-input{resize:vertical;min-height:130px;line-height:1.6}.contact-submit{letter-spacing:5px;text-transform:uppercase;color:#00e5ff;cursor:pointer;text-shadow:0 0 12px #00e5ff99;background:0 0;border:2px solid #00e5ffcc;border-radius:8px;width:100%;margin-top:.4rem;padding:16px;font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:700;transition:color .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.contact-submit:before{content:"";z-index:0;background:linear-gradient(90deg,#f0f,#7b00ff,#00e5ff);transition:transform .4s;position:absolute;inset:0;transform:translate(-100%)}.contact-submit:hover:before{transform:translate(0)}.contact-submit:hover{color:#fff;text-shadow:none;border-color:#0000;box-shadow:0 0 30px #00e5ff80,0 0 60px #ff00ff40}.contact-submit span{z-index:1;position:relative}.contact-submit-success{color:#000!important;text-shadow:none!important;background:linear-gradient(90deg,#0f8,#00e5ff)!important;border-color:#0000!important;box-shadow:0 0 30px #0f86!important}.contact-submit-success:before{display:none}.contact-form-inner{flex-direction:column;gap:1.1rem;display:flex}.contact-form-error{color:#ff4d6d;text-shadow:0 0 10px #ff4d6d80;letter-spacing:1px;align-items:center;gap:.4rem;margin:0;font-family:Share Tech Mono,monospace;font-size:.75rem;display:flex}.contact-map-section{z-index:1;padding:70px 5rem;position:relative}.contact-form-wrap{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#05082df2;border:1px solid #00e6ff73;border-radius:16px;padding:2.2rem 2.4rem;transition:border-color .4s,box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 0 40px #00e5ff14,inset 0 0 60px #00042880}.contact-form-wrap:before{content:"";background:linear-gradient(90deg,#f0f,#00e5ff,#f0f) 0 0/200% 100%;height:3px;animation:3s linear infinite shimmer;position:absolute;top:0;left:0;right:0}.contact-form-wrap:after{content:"";pointer-events:none;background:radial-gradient(circle,#00e5ff1f 0%,#0000 70%);width:250px;height:250px;position:absolute;top:-80px;right:-80px}.contact-form-wrap:hover{border-color:#00e6ffb3;box-shadow:0 0 0 1px #f0f3,0 8px 40px #0009,0 0 60px #00e5ff1f}.contact-map-bar{background:#00f5ff08;border-bottom:1px solid #00f5ff1a;align-items:center;gap:.8rem;padding:.8rem 1.4rem;display:flex}.contact-map-bar span{color:#00f5ff66;letter-spacing:1px;font-family:Share Tech Mono,monospace;font-size:.65rem}.contact-map-bar .map-status{color:#0f8;letter-spacing:2px;align-items:center;gap:6px;margin-left:auto;font-size:.6rem;display:flex}.map-dot{background:#0f8;border-radius:50%;width:6px;height:6px;animation:1.5s infinite map-pulse;box-shadow:0 0 8px #0f8}@keyframes map-pulse{0%,to{opacity:1}50%{opacity:.3}}.contact-map-wrap iframe{filter:grayscale(20%)invert(5%);border:none;width:100%;height:380px;display:block}.form-dots{gap:5px;display:flex}.form-dots span{border-radius:50%;width:9px;height:9px}.form-dots span:first-child{background:#ff5f57;box-shadow:0 0 5px #ff5f57}.form-dots span:nth-child(2){background:#febc2e;box-shadow:0 0 5px #febc2e}.form-dots span:nth-child(3){background:#28c840;box-shadow:0 0 5px #28c840}@media (max-width:1100px){.contact-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.contact-hero{padding:60px 2rem 50px}.contact-cards-section,.contact-bottom,.contact-map-section{padding:50px 2rem}.contact-bottom-grid{grid-template-columns:1fr}.contact-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.contact-cards-grid{grid-template-columns:1fr}.contact-hero-title{letter-spacing:3px}}@media (max-width:900px){.contact-hero{padding:55px 1.8rem 44px}.contact-cards-section,.contact-bottom,.contact-map-section{padding:44px 1.8rem}.contact-bottom-grid{grid-template-columns:1fr}.contact-cards-grid{grid-template-columns:repeat(2,1fr)}.contact-hero-title{letter-spacing:3px;font-size:clamp(2rem,6vw,3.5rem)}.contact-hero-sub{letter-spacing:2px;font-size:.9rem}.contact-card-img-wrap{height:200px}.contact-form-wrap{padding:1.6rem}}@media (max-width:600px){.contact-hero{padding:44px 1.2rem 36px}.contact-cards-section,.contact-bottom{padding:36px 1.2rem}.contact-cards-grid{grid-template-columns:1fr}.contact-hero-title{letter-spacing:2px;font-size:clamp(1.6rem,8vw,2.8rem)}.contact-hero-sub{letter-spacing:1px;font-size:.8rem}.contact-card-img-wrap{aspect-ratio:4/3;height:auto;padding:.6rem .6rem 0}.contact-card-img{object-position:center top;border-radius:4px}.contact-card-name{font-size:1.4rem}.contact-card-role{font-size:.85rem}.contact-card-detail{font-size:.95rem}.contact-form-wrap{padding:1.2rem}.contact-form-title{font-size:1.6rem}.contact-section-label{letter-spacing:2px;font-size:.6rem}}@media (max-width:480px){.contact-hero{padding:36px 1rem 28px}.contact-cards-section,.contact-bottom{padding:28px 1rem}.contact-hero-title{font-size:clamp(1.3rem,9vw,2.2rem)}.contact-card-img-wrap{aspect-ratio:3/2;padding:.5rem .5rem 0}.contact-card-name{font-size:1.2rem}.contact-card-body{padding:1rem 1.1rem 1.2rem}.contact-input{padding:11px 14px;font-size:.92rem}.contact-submit{padding:13px;font-size:.95rem}}