.contact-page-container{position:relative;min-height:100vh;width:100%;padding:2rem 1rem;overflow:hidden}.contact-section{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;max-width:1400px;margin:0 auto;position:relative;z-index:1;min-height:calc(100vh - 4rem);align-content:center}@media (min-width:768px){.contact-section{grid-template-columns:1fr 1.2fr;align-items:start;padding:2rem}}.decoration-circle{position:absolute;top:20%;right:10%;width:300px;height:300px;border-radius:50%;border:2px solid rgba(9,183,218,.1);z-index:-1}.decoration-dots{position:absolute;bottom:15%;left:5%;width:200px;height:200px;background-image:radial-gradient(rgba(9,183,218,.15) 2px,transparent 0);background-size:20px 20px;z-index:-1;opacity:.7}.contact-methods{background:rgba(255,255,255,.05);padding:2rem;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);z-index:1;position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.contact-methods:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(9,183,218,.05) 0,transparent 70%);z-index:-1}.contact-title{margin-bottom:2rem;font-size:1.8rem;font-weight:600;text-align:center;color:var(--primary-color);position:relative;padding-bottom:.5rem}.contact-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--primary-color);border-radius:2px}.contact-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;flex-grow:1}@media (min-width:600px){.contact-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.contact-grid{grid-template-columns:1fr}}.contact-card{display:flex;align-items:center;gap:1.5rem;padding:1rem;background:rgba(255,255,255,.06);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.25);transition:all .3s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;position:relative;overflow:hidden;z-index:1;height:100%}.contact-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,255,255,.3);background:rgba(255,255,255,.08)}.contact-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(9,183,218,.1),transparent);z-index:-1;transform:translateX(-100%);transition:transform .6s ease}.contact-card:hover:before{transform:translateX(100%)}.icon-wrapper{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:12px;background:rgba(255,255,255,.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:transform .3s ease}.contact-card:hover .icon-wrapper{transform:scale(1.1)}.icon{font-size:1.6rem;flex-shrink:0}.contact-info h3{margin:0 0 .3rem;font-size:1.05rem;font-weight:600;color:var(--text-color)}.contact-info a{font-size:.9rem;color:var(--text-color);text-decoration:none;word-break:break-word;transition:color .3s;display:block;position:relative;padding-bottom:2px}.contact-info a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--primary-color);transition:width .3s ease}.contact-info a:hover{color:var(--primary-color)}.contact-info a:hover:after{width:100%}.leetcode-icon{width:1.6rem;height:1.6rem;border-radius:4px;background:white;mask:url(/leetcode.png) no-repeat center;-webkit-mask:url(/leetcode.png) no-repeat center;mask-size:contain;-webkit-mask-size:contain;background-color:var(--text-color)}.icon.email{color:#EA4335}.icon.github{color:#171515}.icon.linkedin{color:#0077B5}.icon.instagram{color:#E4405F}.contact-form{background:rgba(255,255,255,.05);padding:1.5rem;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);z-index:1;position:relative;height:100%;display:flex;flex-direction:column}.contact-form:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at bottom right,rgba(9,183,218,.05) 0,transparent 70%);z-index:-1;border-radius:16px}.contact-form h2{margin-bottom:1.8rem;font-size:1.6rem;font-weight:600;color:var(--primary-color);position:relative;padding-bottom:.5rem}.contact-form h2:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:var(--primary-color);border-radius:2px}.form-group{margin-bottom:1.8rem;position:relative}.form-group label{display:block;margin-bottom:.7rem;font-weight:500;color:rgba(255,255,255,.8)}.form-group input,.form-group textarea{width:100%;padding:1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.07);color:var(--text-color);font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(9,183,218,.2);background:rgba(255,255,255,.1)}.form-group textarea{resize:vertical;min-height:150px}.submit-btn{display:flex;align-items:center;justify-content:center;gap:.8rem;background:var(--primary-color);color:white;padding:1rem 1.8rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;width:100%;position:relative;overflow:hidden;z-index:1;margin-top:auto}.submit-btn:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:rgba(255,255,255,.2);z-index:-1;transition:width .5s ease}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(9,183,218,.4)}.submit-btn:hover:before{width:100%}.send-icon{font-size:1.2rem;transition:transform .5s ease}.submit-btn:hover .send-icon{transform:translateX(5px)}.status{margin-top:1.2rem;font-weight:500;text-align:center;padding:.5rem;border-radius:8px;transition:all .3s ease}.status.success{color:#4ade80;background:rgba(74,222,128,.1)}.status.error{color:#f87171;background:rgba(248,113,113,.1)}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.floating-shapes div{position:absolute;border-radius:50%;background:rgba(9,183,218,.05);filter:blur(20px)}.shape-1{width:300px;height:300px;top:10%;right:5%}.shape-2{width:200px;height:200px;bottom:15%;left:5%}.shape-3{width:150px;height:150px;top:40%;left:20%}