:root{--bg:#0a0e27;--card-bg:#ffffff08;--text:#e4e4e7;--muted:#a1a1aa;--border:#ffffff14;--accent:#8b5cf6;--tg:#08c;--gh:#333;--ig:#e1306c;--phone:#10b981;--orb1:#8b5cf626;--orb2:#ec48991f;--orb3:#3b82f61a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden}@keyframes float1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}@keyframes float2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-40px,40px)scale(1.15)}}@keyframes float3{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-25px,-25px)scale(.95)}66%{transform:translate(25px,15px)scale(1.05)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.page{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.orb{filter:blur(80px);opacity:.6;pointer-events:none;z-index:0;border-radius:50%;position:fixed}.orb1{background:var(--orb1);width:500px;height:500px;animation:20s ease-in-out infinite float1;top:-10%;right:-10%}.orb2{background:var(--orb2);width:400px;height:400px;animation:25s ease-in-out infinite float2;bottom:-5%;left:-5%}.orb3{background:var(--orb3);width:350px;height:350px;animation:30s ease-in-out infinite float3;top:40%;left:50%}.card{z-index:1;background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:24px;grid-template-columns:320px 1fr;gap:3rem;width:100%;max-width:1200px;padding:3rem;animation:.6s ease-out fadeIn;display:grid;position:relative;box-shadow:0 20px 60px #0000004d}.col-left{flex-direction:column;gap:.5rem;display:flex}.mobile-top{display:none}.avatar-wrap{justify-content:center;margin-bottom:1rem;display:flex}.avatar{object-fit:cover;border:3px solid var(--accent);border-radius:50%;width:140px;height:140px;transition:transform .3s,box-shadow .3s;display:block;box-shadow:0 8px 24px #8b5cf64d}.avatar:hover{transform:scale(1.05);box-shadow:0 12px 32px #8b5cf680}.avatar-fallback{background:linear-gradient(135deg,var(--accent),#ec4899);color:#fff;border:3px solid var(--accent);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;font-size:3rem;font-weight:700;display:flex;box-shadow:0 8px 24px #8b5cf64d}.desktop-name{text-align:center}.name{background:linear-gradient(135deg,#fff,var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.role{color:var(--muted);margin-bottom:.25rem;font-size:1.1rem}.subrole{color:var(--muted);opacity:.8;font-size:.9rem}.contacts{flex-direction:column;gap:.5rem;margin-top:25px;display:flex}.contact-link{border:1px solid var(--border);color:var(--text);background:#ffffff0a;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.95rem;text-decoration:none;transition:all .3s;display:flex}.contact-link:hover{border-color:var(--accent);background:#ffffff14;transform:translate(4px)}.contact-link i{text-align:center;width:24px;font-size:1.2rem}.contact-link.tg i{color:var(--tg)}.contact-link.phone i{color:var(--phone)}.contact-link.gh i{color:#fff}.contact-link.ig i{color:var(--ig)}.cta{background:linear-gradient(135deg,var(--accent),#ec4899);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:12px;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:block;box-shadow:0 4px 16px #8b5cf666}.cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf699}.col-right{flex-direction:column;gap:2.5rem;max-height:80vh;padding-right:.5rem;display:flex;overflow-y:auto}.col-right::-webkit-scrollbar{width:6px}.col-right::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.col-right::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}.section{animation:.6s ease-out backwards fadeIn}.section:first-child{animation-delay:.1s}.section:nth-child(2){animation-delay:.2s}.section:nth-child(3){animation-delay:.3s}.section-title{color:var(--accent);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.5rem;font-weight:700;display:flex}.section-title:before{content:"";background:linear-gradient(180deg,var(--accent),#ec4899);border-radius:2px;width:4px;height:24px}.bio-text{color:var(--muted);font-size:1rem;line-height:1.8}.skills{flex-wrap:wrap;gap:.6rem;display:flex}.skill{color:var(--accent);background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:20px;padding:.4rem 1rem;font-size:.9rem;transition:all .3s}.skill:hover{background:#8b5cf633;transform:translateY(-2px)}.proj-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;display:grid}.proj-card{border:1px solid var(--border);color:var(--text);text-align:center;background:#ffffff0a;border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;padding:.8rem;text-decoration:none;transition:all .3s;display:flex}.proj-card:hover{border-color:var(--accent);background:#ffffff14;transform:translateY(-4px);box-shadow:0 8px 24px #8b5cf633}.proj-logo{object-fit:cover;border-radius:12px;width:56px;height:56px}.proj-fallback{background:linear-gradient(135deg,var(--accent),#ec4899);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;font-weight:700;display:flex}.proj-name{color:var(--muted);word-break:break-word;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.proj-mini-badge{color:#c4b5fd;white-space:nowrap;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:4px;padding:.15rem .35rem;font-size:.65rem;font-weight:400;line-height:1}.proj-card:hover .proj-mini-badge{color:#fff;background:#8b5cf640;border-color:#8b5cf680;transition:all .3s}#projects>a:nth-child(8) div{font-size:12px}@media (width>=769px){.card{max-height:90vh}}@media (height>=1000px){.col-right{max-height:90vh}}@media (width<=768px){.card{grid-template-columns:1fr;gap:2rem;padding:1.5rem}.page{padding:1rem}.mobile-top{display:block}.desktop-name{display:none}.col-right{max-height:none;padding-right:0}.proj-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.name{font-size:1.4rem}.section-title{font-size:1.2rem}.proj-name{font-size:.9rem}}