:root{--bg-primary: #0a0e1a;--bg-secondary: #111827;--accent-color: #6366f1;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-bg-hover: rgba(255, 255, 255, .07);--glass-border-hover: rgba(255, 255, 255, .16);--font-family: "Outfit", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);min-height:100vh;width:100vw;overflow-x:hidden;display:flex;justify-content:center;align-items:flex-start;padding:40px 20px}.wrapper{position:relative;width:100%;max-width:580px;min-height:100%;display:flex;flex-direction:column}.bg-glow{position:fixed;width:400px;height:400px;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(120px);opacity:.15}.bg-glow-1{background:radial-gradient(circle,#6366f1,#6366f100 70%);top:-10%;left:-10%}.bg-glow-2{background:radial-gradient(circle,#a855f7,#a855f700 70%);bottom:10%;right:-10%}.container{width:100%;display:flex;flex-direction:column;align-items:center;gap:24px}.profile-card{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:10px;margin-bottom:8px}.image__container{width:110px;height:110px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.1);box-shadow:0 10px 25px -5px #00000080;margin-bottom:16px;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s}.image__container:hover{transform:scale(1.05) rotate(2deg);border-color:var(--accent-color)}.image__container img{width:100%;height:100%;object-fit:cover}.profile-name{font-size:28px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,#fff 50%,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:6px}.profile-title{font-size:16px;font-weight:600;color:#818cf8;margin-bottom:8px;letter-spacing:.2px}.profile-bio{font-size:14px;color:var(--text-secondary);max-width:380px;line-height:1.5;font-weight:400}.quick-contact-container{width:100%;display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:8px}@media(min-width:480px){.quick-contact-container{grid-template-columns:1fr 1fr}.whatsapp-btn{grid-column:span 2}}.contact-btn{display:flex;align-items:center;justify-content:center;text-decoration:none;padding:16px 20px;border-radius:16px;font-weight:600;font-size:15px;color:#fff;transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s,filter .2s;box-shadow:0 4px 20px -2px #0000004d}.contact-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.contact-btn-content{display:flex;align-items:center;gap:10px}.btn-icon{width:20px;height:20px}.phone-btn{background:linear-gradient(135deg,#0284c7,#3b82f6);box-shadow:0 4px 20px -2px #3b82f64d}.phone-btn:hover{box-shadow:0 8px 25px -2px #3b82f673}.email-btn{background:linear-gradient(135deg,#6366f1,#a855f7);box-shadow:0 4px 20px -2px #6366f14d}.email-btn:hover{box-shadow:0 8px 25px -2px #6366f173}.whatsapp-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 20px -2px #10b9814d}.whatsapp-btn:hover{box-shadow:0 8px 25px -2px #10b98173}.tiles-container{width:100%;display:flex;flex-direction:column;gap:12px}.tile{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;border-radius:16px;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-decoration:none;color:var(--text-primary);transition:transform .25s cubic-bezier(.2,.8,.2,1),background-color .2s,border-color .2s,box-shadow .2s;box-shadow:0 4px 15px -3px #0003}.tile:hover{transform:translateY(-2px) scale(1.01);background-color:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:0 10px 25px -5px #0006}.tile-left{display:flex;align-items:center;gap:16px}.tile-left .icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-secondary);transition:color .2s,transform .2s}.tile:hover .tile-left .icon{transform:scale(1.1)}.tile-text{font-size:16px;font-weight:500;letter-spacing:-.1px}.tile[href*="github.com"]:hover{border-color:#ffffff40;box-shadow:0 10px 25px -5px #ffffff0d}.tile[href*="github.com"]:hover .icon{color:#fff}.tile[href*="linkedin.com"]:hover{border-color:#0a66c266;box-shadow:0 10px 25px -5px #0a66c233}.tile[href*="linkedin.com"]:hover .icon{color:#0a66c2}.tile[href*="leetcode.com"]:hover{border-color:#ffa11666;box-shadow:0 10px 25px -5px #ffa11633}.tile[href*="leetcode.com"]:hover .icon{color:#ffa116}.tile__share-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);transition:all .2s ease;cursor:pointer}.tile__share-button:hover{background-color:#ffffff26;color:#fff;transform:scale(1.08)}.tile__share-button .check-icon{display:none}.tile__share-button.copied{background-color:#10b98133;border-color:#10b98166;color:#10b981}.tile__share-button.copied .copy-icon{display:none}.tile__share-button.copied .check-icon{display:block;animation:scaleIn .2s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}footer{width:100%;margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:20px}.footer-content{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.footer-icon{opacity:.7}footer h4{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:.5px}.footer-desc{font-size:12px;color:var(--text-secondary);font-weight:400}