:root{--bg: #0d0d18;--bg-secondary: #13131f;--text: #e8e8f4;--text-muted: #8888aa;--link: #38bdf8;--link-alt: #7dd3fc;--navbar-bg: rgba(13, 13, 24, 0.55);--navbar-sticky-bg: rgba(13, 13, 24, 0.92);--navbar-border: rgba(255, 255, 255, 0.06);--footer-bg: rgba(0, 0, 0, 0.25);--footer-border: rgba(255, 255, 255, 0.06);--copyright-border: rgba(255, 255, 255, 0.05);--section-title-text: #e8e8f4;--splash-subtitle: rgba(232, 232, 244, 0.65);--profile-inner-bg: #0d0d18;--drawer-bg: rgba(13, 13, 24, 0.97);--icon-bg: rgba(255, 255, 255, 0.06);--icon-border: rgba(255, 255, 255, 0.1);--section-bg: #191926;--section-text: #dde1f5;--section-h3: #b0b8e0;--skill-card-bg: rgba(56, 189, 248, 0.05);--skill-card-border: rgba(56, 189, 248, 0.12);--skill-name-color: #c8cfee;--timeline-card-bg: #1e1e30;--timeline-card-text: #dde1f5;--timeline-card-border:rgba(255, 255, 255, 0.07);--timeline-arrow-bg: #1e1e30;--timeline-h5-color: #38bdf8}.contact-page{padding-top:64px;min-height:100vh}.contact-header{text-align:center;padding:2.5rem 0 2rem}.contact-header h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin:0 0 .75rem;background:linear-gradient(135deg, #38bdf8, #818cf8);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.contact-header p{color:var(--text-muted);font-size:1rem;max-width:540px;margin:0 auto}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:1.5rem;align-items:stretch;padding-bottom:4rem}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr}}.contact-info{background:rgba(8,12,28,.72);backdrop-filter:blur(48px) saturate(1.4);-webkit-backdrop-filter:blur(48px) saturate(1.4);border:1px solid rgba(56,189,248,.18);box-shadow:0 8px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.07);border-radius:20px;padding:2rem;display:flex;flex-direction:column;transition:border-color .3s ease,box-shadow .3s ease}.contact-info:hover{border-color:rgba(56,189,248,.3);box-shadow:0 12px 50px rgba(0,0,0,.4),0 0 30px rgba(56,189,248,.08),inset 0 1px 0 rgba(255,255,255,.1)}.contact-info h2{font-size:1.1rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg, #38bdf8, #818cf8);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin:0 0 1.25rem}.contact-items{display:flex;flex-direction:column;gap:.75rem;margin-bottom:0}.contact-item{display:flex;flex-direction:column;gap:.15rem;padding:.75rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:12px;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease,transform .25s ease}.contact-item:hover{background:rgba(56,189,248,.07);border-color:rgba(56,189,248,.3);box-shadow:0 4px 20px rgba(56,189,248,.1);transform:translateX(4px)}.contact-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.contact-map{margin-top:1.25rem;flex:1;display:flex;flex-direction:column;min-height:180px}.contact-map iframe{display:block;width:100%;flex:1;min-height:180px;border-radius:12px;opacity:.9;filter:brightness(.9) saturate(0.85)}.contact-map-label{display:flex;align-items:center;gap:.4rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.5rem}.contact-map-label svg{color:#38bdf8;flex-shrink:0}.contact-form-wrapper{background:rgba(8,12,28,.72);backdrop-filter:blur(48px) saturate(1.4);-webkit-backdrop-filter:blur(48px) saturate(1.4);border:1px solid rgba(129,140,248,.18);box-shadow:0 8px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.07);border-radius:20px;padding:2rem;display:flex;flex-direction:column;transition:border-color .3s ease,box-shadow .3s ease}.contact-form-wrapper:hover{border-color:rgba(129,140,248,.3);box-shadow:0 12px 50px rgba(0,0,0,.4),0 0 30px rgba(129,140,248,.08),inset 0 1px 0 rgba(255,255,255,.1)}.contact-form{display:flex;flex-direction:column;flex:1;gap:1rem}.form-meta{display:flex;flex-direction:column;gap:.55rem;padding:.875rem 1rem;background:rgba(56,189,248,.04);border:1px solid rgba(56,189,248,.1);border-radius:10px;margin-top:auto}.form-meta-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.form-meta-item svg{color:#38bdf8;flex-shrink:0}.form-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.form-or{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}.button--outline{background:rgba(0,0,0,0);border:1px solid rgba(129,140,248,.4);color:#818cf8}.button--outline:hover{background:rgba(129,140,248,.1);border-color:rgba(129,140,248,.7)}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.8rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.form-group input,.form-group textarea{background:rgba(255,255,255,.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.65rem .9rem;color:var(--text);font-family:inherit;font-size:.875rem;line-height:1.5;transition:border-color .2s ease,box-shadow .2s ease;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);opacity:.6}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:rgba(56,189,248,.5);box-shadow:0 0 0 3px rgba(56,189,248,.1)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none !important}.form-success{padding:.75rem 1rem;background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.3);border-radius:8px}.form-success p{margin:0;color:#34d399;font-size:.875rem;text-align:left}