@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}html,body{height:100%;background-color:#0f0f0f}.contact-container{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;padding-left:2rem;padding-right:2rem;background-color:#0f0f0f45;background-image:url(/hero_bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-blend-mode:multiply}.contact-card{background:#0000008c;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #00000059;border-radius:24px;padding:2.5rem 2rem;width:100%;max-width:420px;text-align:center;color:#fff;animation:fadeIn .7s ease}.profile-wrapper{width:120px;height:120px;margin:0 auto 1.8rem;border-radius:50%;position:relative}.work-summary{font-size:16px;font-weight:400;color:#ccc;margin-bottom:2rem;line-height:1.5}.profile-wrapper:before{content:"";position:absolute;top:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px);border-radius:50%;background:linear-gradient(45deg,#0ff,#f0f,#00ff9f,#ff0080);filter:blur(12px);opacity:.7;animation:neonGlow 2.5s linear infinite;z-index:-1}.profile-img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #ffffffa9;position:relative;z-index:1}@keyframes neonGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.name-title{font-size:1.6rem;font-weight:700;margin-bottom:1rem}.links{display:flex;flex-direction:column;gap:1rem}.link-btn{display:block;width:100%;padding:.9rem 1rem;background:#1c1c1c;color:#fff;text-decoration:none;border-radius:12px;font-size:.95rem;font-weight:600;border:1px solid #333;transition:.25s ease,transform .25s ease}.link-btn:hover{background:#333;transform:translateY(-2px) scale(1.02)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.icon-links{margin-top:1.8rem;display:flex;justify-content:center;gap:1.5rem}.icon-links a{color:#bbb;font-size:1.4rem;transition:color .25s ease}.icon-links a:hover{color:#0ff}.oj-icon{font-weight:700;font-size:1.2rem;color:#bbb;background:transparent;border-radius:4px;padding:2px 6px;font-family:Montserrat,sans-serif;transition:color .25s ease}.oj-icon:hover{color:#0ff}@media (max-width: 480px){.contact-card{padding:2rem 1.5rem}.name-title{font-size:1.4rem}.profile-wrapper{width:100px;height:100px}}