.profile-card{max-width:500px;margin:20px auto;padding:25px;border-radius:15px;box-shadow:0 4px 15px #0000001a;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:Arial,sans-serif;position:relative}.profile-header{text-align:center;margin-bottom:25px}.profile-avatar{width:120px;height:120px;border-radius:50%;margin:0 auto 15px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:48px;color:#667eea;font-weight:700;box-shadow:0 4px 10px #0003}.profile-name{margin:10px 0;font-size:28px;font-weight:700}.student-id{background:#fff3;padding:5px 15px;border-radius:20px;display:inline-block;font-size:14px}.profile-info{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.info-item{background:#ffffff26;padding:12px;border-radius:8px;text-align:center}.info-label{font-size:12px;opacity:.8;margin-bottom:5px;text-transform:uppercase;letter-spacing:1px}.info-value{font-size:18px;font-weight:700}.profile-section{margin:20px 0}.profile-section h3{font-size:18px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.hobbies-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.hobby-item{background:#fff3;padding:6px 12px;border-radius:15px;font-size:14px;transition:all .3s ease;cursor:pointer}.hobby-item:hover{background:#ffffff4d;transform:translateY(-2px)}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.skill-tag{background:#ffffff40;padding:10px;border-radius:8px;text-align:center;font-size:14px;font-weight:700;transition:all .3s ease;cursor:pointer}.skill-tag:hover{background:#fff6;transform:scale(1.05)}.contact-button{width:100%;padding:12px;background:#fff;color:#667eea;border:none;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:20px}.contact-button:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 15px #0003}@media (max-width: 600px){.profile-card{margin:10px;padding:20px}.profile-info{grid-template-columns:1fr}.skills{grid-template-columns:1fr 1fr}}.social-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.social-link{background:#fff3;padding:8px 16px;border-radius:20px;text-decoration:none;color:#fff;font-weight:700;transition:all .3s ease}.social-link:hover{background:#ffffff4d;transform:translateY(-2px)}.theme-toggle{position:absolute;top:15px;right:15px;background:#ffffff4d;border:none;border-radius:50%;padding:8px;cursor:pointer;font-size:18px;transition:all .3s ease}.theme-toggle:hover{transform:scale(1.1);background:#ffffff80}.profile-card.dark-mode{background:linear-gradient(135deg,#2d3748,#1a202c);color:#f9f9f9}.profile-card.dark-mode .contact-button{background:#4a5568;color:#fff}.profile-card.dark-mode .contact-button:hover{background:#2d3748}.achievements{display:flex;flex-wrap:wrap;gap:10px}.achievement-badge{background:#ffffff40;padding:6px 12px;border-radius:15px;font-weight:700;transition:transform .3s ease}.achievement-badge:hover{transform:scale(1.1)}.view-counter{text-align:right;font-size:14px;opacity:.8;margin-bottom:10px}.hobby-item.favorite{background:#fff6;color:#ffeb3b;font-weight:700}.contact-form{margin-top:15px;background:#ffffff26;padding:15px;border-radius:10px;display:flex;flex-direction:column;gap:10px}.contact-form input,.contact-form textarea{border:none;border-radius:8px;padding:10px;font-size:14px}.submit-btn{background:#fff;color:#667eea;border:none;border-radius:20px;padding:8px;font-weight:700;cursor:pointer;transition:all .3s ease}.submit-btn:hover{background:#f0f0f0;transform:translateY(-2px)}