:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegacySupport;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-text: #000;--color-background: #fff;--color-primary: #007AFF;--color-secondary: #5856D6}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff}.app{max-width:1440px;margin:0 auto;padding:1rem;text-align:center}header{margin-bottom:1.5rem}.hero-image{max-width:min(800px,90%);max-height:550px;width:100%;height:auto;margin:0 auto;display:block;object-fit:contain}.toggle-container{display:inline-flex;gap:.5rem;background:#0000000d;padding:.25rem;border-radius:10px;margin-bottom:1rem}button{background:transparent;border:none;padding:.75rem 1.25rem;font-size:.9375rem;border-radius:8px;cursor:pointer;transition:all .2s;color:#1d1d1f}button:hover{background:#00000008}button.active{background:#fff;box-shadow:0 2px 8px #0000001a}.content{max-width:800px;margin:0 auto;padding:0 1rem}h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1rem;background:linear-gradient(120deg,#007aff,#5856d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}p{color:#86868b;line-height:1.35;font-size:clamp(1rem,3vw,1.25rem);margin:0}@media (max-width: 480px){.app{padding:.75rem}header{margin-bottom:1rem}button{padding:.5rem 1rem}.hero-image{margin-bottom:1.5rem}}