*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#eef2ff,#f8fafc);justify-content:center;align-items:center;min-height:100vh;font-family:Arial,sans-serif;display:flex}.app-container{padding:20px}.card{border-radius:28px;width:520px;padding:32px;transition:all .4s;animation:.6s fadeIn;box-shadow:0 20px 40px #00000014}.light{color:#111827;background:#fffffff2}.dark{color:#fff;background:#111827}.top-section{align-items:center;gap:20px;margin-bottom:24px;display:flex}.profile-img{object-fit:cover;border:4px solid #dbeafe;border-radius:50%;width:90px;height:90px;transition:all .3s}.profile-img:hover{transform:scale(1.06)}.user-info h1{margin-bottom:8px;font-size:42px}.user-info h3{color:#6b7280;font-size:24px;font-weight:500}.dark .user-info h3{color:#d1d5db}.bio{color:#374151;margin-bottom:30px;font-size:19px;line-height:1.8}.dark .bio{color:#e5e7eb}.skills-section h4{margin-bottom:18px;font-size:22px}.skills-container{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.skill-badge{color:#374151;background:#eef2ff;border-radius:999px;padding:12px 18px;font-size:15px;font-weight:600;transition:all .3s}.skill-badge:hover{background:#dbeafe;transform:translateY(-2px)}.bottom-section{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.theme-toggle{cursor:pointer;align-items:center;gap:6px;font-weight:600;display:flex}.navigation{align-items:center;gap:16px;display:flex}.navigation button{cursor:pointer;color:inherit;background:0 0;border:none;font-size:28px;transition:all .3s}.navigation button:hover{transform:scale(1.2)}.likes{cursor:pointer;font-size:20px;font-weight:600;transition:all .3s}.likes:hover{transform:scale(1.08)}.contact-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;padding:14px 22px;font-size:16px;font-weight:600;transition:all .3s}.contact-btn:hover{background:#1d4ed8;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}