:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--bg-dark:#0f172a;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-bg:hsla(0,0%,100%,.05);--glass-border:hsla(0,0%,100%,.1);--accent-gradient:linear-gradient(135deg,#6366f1,#a855f7)}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;margin:0;overflow-x:hidden}.intro-section{align-items:center;background:radial-gradient(circle at top right,rgba(99,102,241,.1),transparent 40%),radial-gradient(circle at bottom left,rgba(168,85,247,.1),transparent 40%);display:flex;justify-content:center;min-height:100vh;padding:2rem}.intro-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);max-width:600px;opacity:0;padding:3rem;text-align:center;transform:translateY(20px);transition:all .8s cubic-bezier(.22,1,.36,1);width:100%}.intro-card.reveal{opacity:1;transform:translateY(0)}.avatar-wrapper{background:var(--accent-gradient);border-radius:50%;height:120px;margin:0 auto 1.5rem;overflow:hidden;padding:4px;position:relative;width:120px}.avatar-wrapper img{background:var(--bg-dark);border:3px solid var(--bg-dark);border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.intro-name{-webkit-text-fill-color:transparent;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.intro-role{color:var(--text-muted);font-size:1.1rem;font-weight:500;letter-spacing:.1em;margin-bottom:2rem;text-transform:uppercase}.contact-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2.5rem}.contact-item{align-items:center;color:var(--text-main);display:flex;font-size:1.1rem;gap:.5rem;justify-content:center;text-decoration:none;transition:color .3s ease}.contact-item svg{flex-shrink:0;height:20px;width:20px}.btn-tele{align-items:center;background:var(--accent-gradient);border-radius:12px;box-shadow:0 10px 15px -3px rgba(99,102,241,.3);color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-tele:hover{box-shadow:0 20px 25px -5px rgba(99,102,241,.4);transform:translateY(-2px)}.btn-tele svg{height:20px;width:20px}