.page{flex-direction:column;justify-content:space-between;height:100dvh;display:flex}.page .hero{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.page footer{flex-shrink:0}.hero{background:#090909;justify-content:center;align-items:center;height:100%;padding:clamp(8px,2vh,40px) clamp(10px,3vw,20px);display:flex;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(180px);background:#d4af371f;border-radius:50%;width:650px;height:650px;position:absolute;top:-280px;right:-220px}.hero:after{content:"";filter:blur(180px);background:#d4af370d;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-220px;left:-180px}.hero-card{text-align:center;z-index:10;background:#111111f5;border:1px solid #2f2f2f;border-radius:28px;flex-direction:column;justify-content:center;width:440px;max-width:100%;max-height:100%;padding:clamp(12px,2vh,30px) clamp(16px,4vw,40px);transition:all .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009}.hero-card:hover{border-color:#d4af37;transform:translateY(-8px);box-shadow:0 0 40px #d4af3740}.profile-image{object-fit:contain;background:#fff;border:4px solid #d4af37;border-radius:50%;width:clamp(64px,12vh,140px);height:clamp(64px,12vh,140px);margin:0 auto clamp(6px,1.5vh,16px);padding:clamp(6px,1.2vh,12px);transition:all .4s;display:block;box-shadow:0 0 20px #d4af3773,0 0 50px #d4af372e}.profile-image:hover{transform:scale(1.05)rotate(2deg)}.company-tag{color:#d4af37;letter-spacing:4px;text-transform:uppercase;margin-bottom:10px;font-size:12px}.hero h1{color:#fff;margin-bottom:10px;font-size:42px;font-weight:700}.hero h3{color:#d4af37;margin-bottom:10px;font-size:22px;font-weight:500}.company{color:#fff;letter-spacing:1px;margin-bottom:clamp(2px,.6vh,4px);font-size:clamp(14px,2.2vh,18px);font-weight:700}.designation{color:#8b8b8b;letter-spacing:.5px;margin-bottom:clamp(8px,1.8vh,16px);font-size:clamp(10px,1.5vh,13px)}.bio{color:#bfbfbf;margin-bottom:35px;font-size:15px;line-height:1.8}.stats{justify-content:space-between;gap:clamp(6px,1.2vh,12px);margin-bottom:clamp(10px,2vh,20px);display:flex}.stats div{background:#181818;border:1px solid #292929;border-radius:14px;flex:1;padding:clamp(6px,1.2vh,12px) 8px;transition:all .3s}.stats div:hover{border-color:#d4af37;transform:translateY(-4px)}.stats h2{color:#d4af37;margin-bottom:clamp(2px,.4vh,3px);font-size:clamp(16px,2.6vh,24px);line-height:1}.stats span{color:#9d9d9d;font-size:clamp(10px,1.2vh,12px);line-height:1.2}.save-contact-btn--primary{margin-bottom:clamp(6px,1.2vh,12px)}.button-group{grid-template-columns:repeat(2,1fr);gap:clamp(6px,1.2vh,12px);margin-bottom:clamp(8px,1.6vh,16px);display:grid}.button-group a{color:#d4af37;border:1px solid #d4af37;border-radius:14px;justify-content:center;align-items:center;gap:8px;height:clamp(36px,5.5vh,48px);padding:0 clamp(8px,1.5vw,12px);font-size:clamp(11px,1.6vh,14px);font-weight:600;text-decoration:none;transition:all .3s;display:flex}.button-group a:hover{color:#111;background:#d4af37;transform:translateY(-3px)}.social-icons{flex-wrap:wrap;justify-content:center;gap:clamp(8px,1.5vh,14px);margin-top:clamp(6px,1.2vh,12px);display:flex}.social-icons a{color:#fff;border:1px solid #2f2f2f;border-radius:50%;justify-content:center;align-items:center;width:clamp(36px,5.5vh,46px);height:clamp(36px,5.5vh,46px);font-size:clamp(14px,2.2vh,18px);transition:all .3s;display:flex}.social-icons a:hover{color:#111;background:#d4af37;border-color:#d4af37;transform:translateY(-5px)}@media (width<=768px){.hero-card{width:100%;max-width:400px}}.save-contact-btn{isolation:isolate;-webkit-backdrop-filter:blur(12px);color:#111;letter-spacing:.3px;cursor:pointer;background:linear-gradient(135deg,#f3d16a 0%,#d4af37 45%,#a8791f 100%);border:1px solid #d4af3799;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;height:clamp(36px,5.5vh,50px);font-family:inherit;font-size:clamp(12px,1.8vh,15px);font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #d4af3759,inset 0 1px #fff6}.save-contact-btn:hover{box-shadow:0 16px 40px #d4af3780,inset 0 1px #ffffff80}.save-contact-btn:focus-visible{outline-offset:3px;outline:2px solid #fff}.save-contact-btn__icon{align-items:center;font-size:20px;display:flex}.save-contact-btn__ripple{pointer-events:none;z-index:-1;background:#ffffff8c;border-radius:50%;animation:.6s ease-out save-contact-ripple;position:absolute;transform:scale(0)}@keyframes save-contact-ripple{to{opacity:0;transform:scale(2.5)}}@media (prefers-reduced-motion:reduce){.save-contact-btn__ripple{animation:none;display:none}}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scroll-behavior:smooth;height:100%;font-size:16px}body{color:#fff;background:#090909;height:100dvh;overflow:hidden}#root{height:100%}img{max-width:100%;display:block}a{text-decoration:none}button{cursor:pointer;border:none;outline:none}::-webkit-scrollbar{display:none}::-webkit-scrollbar-track{display:none}::-webkit-scrollbar-thumb{display:none}html,body{scrollbar-width:none}::selection{color:#000;background:#d4af37}
