@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");.contact-card{width:550px;min-height:650px;background-color:#2b2d31;border-radius:12px;position:relative;overflow:hidden;color:#ffffff;font-family:Inter,sans-serif;padding:40px;box-sizing:border-box;display:flex;flex-direction:column}.bg-circle{position:absolute;border-radius:50%}.circle-1{width:250px;height:250px;background-color:rgba(255,255,255,.05);bottom:-50px;right:-50px}.circle-2{width:150px;height:150px;background-color:rgba(255,255,255,.08);bottom:80px;right:-20px}.contact-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.contact-header{margin-bottom:30px}.contact-header h2{margin:0 0 10px;font-size:24px;font-weight:600}.contact-header p{margin:0;font-size:14px;color:#a0a0a0}.contact-profile{display:flex;align-items:center;gap:15px;margin-bottom:40px}.contact-profile .profile-img{position:relative}.profile-img img{width:170px;height:170px;border-radius:50%;object-fit:cover}.profile-info h4{font-size:20px;font-weight:600;margin:0 0 0 20px}.profile-info p{font-size:14px;color:#a0a0a0;margin:0 0 0 20px}.contact-details{display:flex;flex-direction:column;gap:30px;margin-bottom:auto}.detail-item{display:flex;align-items:flex-start;gap:15px;font-size:14px;color:#e0e0e0;line-height:1.5}.contact-action{width:fit-content;text-decoration:none;transition:color .18s ease,transform .18s ease}.contact-action:focus-visible,.contact-action:hover{color:#ffffff;transform:translateX(4px)}.contact-action:focus-visible{outline:2px solid #ffffff;outline-offset:5px;border-radius:4px}.detail-item .icon{display:flex;align-items:center;justify-content:center;color:#ffffff;margin-top:2px;margin-bottom:10px}.contact-socials{display:flex;gap:15px;margin-top:40px}.social-icon{display:flex;box-sizing:border-box;flex:0 0 36px;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#ffffff;text-decoration:none;transition:all .3s ease}.social-icon.twitter{background-color:#1da1f2}.social-icon.instagram{background-color:#1a1a1a;border:1px solid #333;transform:scale(1.05)}.social-icon:hover{transform:translateY(-2px);opacity:.9}.social-icon.instagram:hover{transform:translateY(-2px) scale(1.05)}@media (max-width:768px){.contact-card{width:100%;min-height:0;padding:28px 24px;border-radius:24px}.contact-header{margin-bottom:26px}.contact-header h2{font-size:22px}.contact-profile{gap:14px;margin-bottom:30px}.profile-img img{width:104px;height:104px}.profile-info h4,.profile-info p{margin-left:0}.profile-info h4{font-size:17px;line-height:1.25}.contact-details{gap:20px}.detail-item{gap:12px;font-size:14px}.contact-action,.detail-item>:last-child{width:auto;min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal}.contact-socials{margin-top:32px}}@media (max-width:380px){.contact-card{padding:24px 20px}.contact-profile{align-items:flex-start}.profile-img img{width:88px;height:88px}}:root{background-color:#f9f9fa;color:#333333}body{background-color:#f9f9fa;min-height:100vh}#root,body{margin:0;padding:0}#root{width:100%;max-width:100%;text-align:left}