.about-container{min-height:100vh;background:linear-gradient(135deg,#0d1117 60%,#23272f);display:flex;align-items:center;justify-content:center;padding-top:80px}.about-card{background:#161b22;border-radius:18px;box-shadow:0 8px 32px rgba(0,0,0,.7);padding:2.5rem 2rem;display:flex;gap:2.5rem;max-width:800px;width:100%;color:#e6edf3}.about-photo-section{display:flex;flex-direction:column;align-items:center;min-width:220px}.photo-wrapper{width:120px;height:120px;border-radius:50%;overflow:hidden;box-shadow:0 2px 12px rgba(100,255,218,.15);margin-bottom:1.2rem;background:#23272f;display:flex;align-items:center;justify-content:center}.photo{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #64ffda}.photo-placeholder{color:#888;font-size:.95rem;text-align:center}.photo-upload-btn{margin-top:.7rem;background:#23272f;color:#64ffda;padding:.4rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer;border:none;transition:background .2s;display:inline-block}.photo-upload-btn input{display:none}.name{font-size:1.5rem;font-weight:700;color:#e6edf3;margin-bottom:.3rem;letter-spacing:1px}.title{font-size:1.1rem;color:#64ffda;margin-bottom:1rem;font-weight:500}.socials{display:flex;gap:1.2rem;margin-top:.7rem}.socials a{color:#e6edf3;transition:color .2s;font-size:1.5rem}.socials a:hover{color:#64ffda}.about-info{flex:1 1;display:flex;flex-direction:column;justify-content:center}.bio{font-size:1.08rem;line-height:1.7;color:#b6c2cd;margin-bottom:1.2rem}.skills-title{font-size:1.1rem;font-weight:600;color:#64ffda;margin-bottom:.5rem}.skills{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.2rem}.skill-badge{background:#23272f;color:#64ffda;padding:.35rem 1rem;border-radius:8px;font-size:.95rem;font-weight:500;box-shadow:0 2px 8px rgba(100,255,218,.07)}.buttons{display:flex;gap:1rem;margin-top:1.2rem}.btn{background:#23272f;color:#e6edf3;border:none;border-radius:8px;padding:.5rem 1.3rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s;box-shadow:0 2px 8px rgba(100,255,218,.07)}.btn.edit{background:#64ffda;color:#161b22}.btn.github{background:#23272f;color:#64ffda;border:1px solid #64ffda}.btn.save{background:#64ffda;color:#161b22}.btn.cancel,.edit-input,.edit-textarea{background:#23272f;color:#e6edf3}.edit-input,.edit-textarea{border:1px solid #64ffda;border-radius:8px;padding:.5rem;font-size:1rem;margin-bottom:.7rem;width:100%;outline:none}@media (max-width:700px){.about-card{flex-direction:column;align-items:center;padding:2rem 1rem;gap:1.5rem}.about-photo-section{min-width:unset}}