@keyframes ripple{0%{opacity:.8;transform:scale(0)}to{opacity:0;transform:scale(4)}}.contact-page{width:100%;min-height:100vh;color:var(--text);background-color:#0000;padding:0;position:relative;overflow:hidden}.contact-page:before{content:"";filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#646cff1a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-150px;right:-150px}.contact-page .contact-header{text-align:center;z-index:1;padding:70px 24px 50px;position:relative}.contact-page .contact-header h1{background:linear-gradient(135deg,#646cff,#00d4ff);-webkit-text-fill-color:#0000;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(2.5rem,5vw,4rem);font-weight:900}.contact-page .contact-header p{color:var(--muted,#88a);max-width:520px;margin:0 auto;font-size:1.1rem;line-height:1.7}.contact-page .contact-content{z-index:1;grid-template-columns:1fr 1.6fr;gap:32px;max-width:1300px;margin:0 auto;padding:0 60px 80px;display:grid;position:relative}@media screen and (max-width:1200px){.contact-page .contact-content{grid-template-columns:1fr;padding:0 40px 60px}}@media screen and (max-width:900px){.contact-page .contact-content{padding:0 24px 60px}}.contact-page .contact-info{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px 1px #0000000a,0 8px 32px var(--glass-shadow);border-radius:24px;height:fit-content;padding:40px}@media screen and (max-width:480px){.contact-page .contact-info{padding:24px}}.contact-page .contact-info h2{color:var(--text-strong);border-bottom:1px solid var(--glass-border);margin-bottom:30px;padding-bottom:16px;font-size:1.5rem;font-weight:700}.contact-page .contact-info .info-item{border-bottom:1px solid #ffffff0d;margin-bottom:24px;padding-bottom:24px}.contact-page .contact-info .info-item:last-of-type{border-bottom:none}.contact-page .contact-info .info-item h3{text-transform:uppercase;letter-spacing:1.5px;color:var(--muted,#88a);margin-bottom:8px;font-size:.8rem;font-weight:600}.contact-page .contact-info .info-item a,.contact-page .contact-info .info-item .location{color:var(--text);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 14px;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.contact-page .contact-info .info-item a:hover,.contact-page .contact-info .info-item .location:hover{color:var(--primary,#646cff);background:#646cff14;border-color:#646cff40;transform:translate(4px)}.contact-page .contact-info .info-item a svg,.contact-page .contact-info .info-item .location svg{flex-shrink:0;width:16px;height:16px}.contact-page .contact-info .info-item p{color:var(--text);align-items:center;gap:10px;font-size:.95rem;display:flex}.contact-page .contact-info .info-item p svg{flex-shrink:0;width:16px;height:16px}.contact-page .contact-info .social-links{margin-top:8px}.contact-page .contact-info .social-links h3{text-transform:uppercase;letter-spacing:1.5px;color:var(--muted,#88a);margin-bottom:14px;font-size:.8rem;font-weight:600}.contact-page .contact-info .social-links .social-icons{flex-wrap:wrap;gap:10px;display:flex}.contact-page .contact-info .social-links .social-icons a{background:var(--glass-bg);width:44px;height:44px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px 1px #0000000a,0 8px 32px var(--glass-shadow);border-radius:12px;justify-content:center;align-items:center;margin:0;padding:0;transition:all .3s;display:flex}.contact-page .contact-info .social-links .social-icons a:hover{background:#646cff26;border-color:#646cff66;transform:translateY(-4px)}.contact-page .contact-info .social-links .social-icons a img{object-fit:contain;width:22px;height:22px;filter:var(--icon-filter)}.contact-page .contact-info .availability{border-top:1px solid #ffffff0d;margin-top:24px;padding-top:24px}.contact-page .contact-info .availability h3{text-transform:uppercase;letter-spacing:1.5px;color:var(--muted,#88a);margin-bottom:14px;font-size:.8rem;font-weight:600}.contact-page .contact-info .availability ul{list-style:none}.contact-page .contact-info .availability ul li{color:var(--text);background:0 0;border:none;align-items:center;gap:10px;padding:8px 0;font-size:.9rem;display:flex}.contact-page .contact-info .availability ul li:before{content:"✓";color:var(--success,#00d68f);font-size:.8rem;font-weight:700}.contact-page .contact-info .availability ul li:hover{background:0 0;border:none;transform:none}.contact-page .contact-form-section{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px 1px #0000000a,0 8px 32px var(--glass-shadow);border-radius:24px;padding:40px}@media screen and (max-width:480px){.contact-page .contact-form-section{padding:24px}}.contact-page .contact-form-section h2{color:var(--text-strong);border-bottom:1px solid var(--glass-border);margin-bottom:30px;padding-bottom:16px;font-size:1.5rem;font-weight:700}.contact-page .contact-form-section .contact-form .form-group{margin-bottom:22px}.contact-page .contact-form-section .contact-form .form-group label{color:var(--muted,#88a);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:.85rem;font-weight:500;display:block}.contact-page .contact-form-section .contact-form .form-group input,.contact-page .contact-form-section .contact-form .form-group textarea{background:var(--glass-bg);width:100%;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px 1px #0000000a,0 8px 32px var(--glass-shadow);color:var(--text-strong);border-radius:12px;padding:14px 18px;font-family:inherit;font-size:.95rem;transition:all .3s}.contact-page .contact-form-section .contact-form .form-group input:focus,.contact-page .contact-form-section .contact-form .form-group textarea:focus{border-color:var(--primary,#646cff);background:#646cff14;outline:none;box-shadow:0 0 0 3px #646cff2e}.contact-page .contact-form-section .contact-form .form-group input::placeholder,.contact-page .contact-form-section .contact-form .form-group textarea::placeholder{color:var(--muted);opacity:.6}.contact-page .contact-form-section .contact-form .form-group textarea{resize:vertical;min-height:140px;line-height:1.6}.contact-page .contact-form-section .contact-form .submit-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#646cff,#7c3aed);border:none;border-radius:12px;width:100%;padding:15px 30px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.contact-page .contact-form-section .contact-form .submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #646cff73}.contact-page .contact-form-section .contact-form .submit-btn:active{transform:translateY(0)}.contact-page .contact-form-section .contact-form .submit-btn:active:after{content:"";background:#ffffff26;border-radius:50%;width:100%;height:100%;animation:.5s ease-out ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.contact-page .contact-form-section .contact-form .status-message{color:#00d68f;text-align:center;background:#00d68f0f;border:1px solid #00d68f40;border-radius:10px;margin-top:16px;padding:14px;font-size:.9rem}.contact-page .contact-form-section .contact-form .status-message.status-error{color:#ff6b6b;background:#ff50500f;border-color:#ff505040}.contact-page .contact-form-section .contact-form .submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}
