*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);color:#1a1a1a;line-height:1.6}.page{display:none}.page.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tab-content{animation:fadeIn .4s ease-out}@media(min-width:768px){.user-name{display:block}}@media(max-width:767px){.welcome-banner,.about-hero{padding:32px 24px}.welcome-banner h2,.about-hero h2{font-size:24px}.stats-grid,.mission-vision-grid,.values-grid{grid-template-columns:1fr}.note-card-header{flex-direction:column;gap:16px}.note-footer{flex-direction:column;gap:16px;align-items:flex-start}.form-actions{flex-direction:column}.btn-secondary{width:100%}.btn-download{width:100%;justify-content:center}.profile-header-content{flex-direction:column;text-align:center}.profile-grid{grid-template-columns:1fr}}