.profile-wrapper{color:#fff;max-width:900px;margin:40px auto;padding:0 20px}h2{margin-bottom:20px;font-size:28px}.section-card{margin-bottom:30px;padding:25px}.section-card h3{margin-bottom:20px}.account-section{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.profile-image-container{width:100px;position:relative}.profile-image{border-radius:50%;width:100px;height:100px}.edit-icon{cursor:pointer;color:#000;background:#f3f3f3;border-radius:50%;padding:4px 6px;font-size:12px;position:absolute;bottom:0;right:0}.input-grid{flex:1;grid-template-columns:1fr 1fr;gap:15px;display:grid}.input-grid div{flex-direction:column;display:flex}.input-grid label{margin-bottom:5px;font-weight:500}.input-grid input{border:1px solid #ccc;border-radius:6px;padding:10px;font-size:14px}.password-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px;display:grid}.password-grid input{border:1px solid #ccc;border-radius:6px;padding:10px}.checkbox{flex-direction:column;align-items:flex-start;gap:10px;margin-top:20px;display:flex}.save-button{color:#fff;cursor:pointer;background-color:#1a73e8;border:none;border-radius:8px;margin-top:20px;padding:12px 24px;font-size:16px;font-weight:600;transition:background-color .3s;box-shadow:0 2px 4px #0000001a}.save-button:hover{background-color:#1669c1}.profile-icon{color:#fff;font-size:100px}.profile-preview{object-fit:cover;border-radius:50%;width:80px;height:80px;margin-bottom:10px}.profile-image-container input[type=file]{margin-top:10px}@media (max-width:768px){.input-grid,.password-grid{grid-template-columns:1fr}}.spinner{vertical-align:middle;border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin-top:-2px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.newsletter-toggle{margin:20px 0;font-family:Inter,sans-serif}.toggle-label{color:#fff;justify-content:flex-start;align-items:center;gap:12px;font-size:16px;font-weight:500;display:flex}.toggle-switch{cursor:pointer;background-color:#ccc;border-radius:9999px;width:48px;height:26px;transition:background-color .3s;position:relative}.toggle-switch.active{background-color:#f97316}.toggle-thumb{background-color:#fff;border-radius:50%;width:22px;height:22px;transition:transform .3s;position:absolute;top:2px;left:2px}.toggle-switch.active .toggle-thumb{transform:translate(22px)}.toggle-spinner{border:2px solid #f97316;border-top-color:#0000;border-radius:50%;width:16px;height:16px;margin-left:8px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toggle-control{align-items:center;gap:15px;display:flex}