*{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #358F80;--primary-light: #4aa394;--primary-dark: #2a7269;--primary-50: rgba(53, 143, 128, .1);--primary-100: rgba(53, 143, 128, .2);--primary-200: rgba(53, 143, 128, .3);--success: #28a745;--warning: #ffc107;--error: #dc3545;--info: #17a2b8;--gray-50: #f8f9fa;--gray-100: #e9ecef;--gray-200: #dee2e6;--gray-300: #ced4da;--gray-400: #adb5bd;--gray-500: #6c757d;--gray-600: #495057;--gray-700: #343a40;--gray-800: #212529;--gray-900: #0d1117}body{min-width:320px;min-height:100vh;max-width:414px;margin:0 auto;background-color:var(--gray-100)}#root{width:100%;min-height:100vh;background-color:#fff}button{border-radius:8px;border:1px solid var(--primary);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--primary);color:#fff;cursor:pointer;transition:all .25s}button:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}button.secondary{background-color:#fff;color:var(--primary);border-color:var(--primary)}button.secondary:hover{background-color:var(--primary-50)}.mockup-container{padding:2rem;border:2px dashed #ddd;border-radius:8px;margin:1rem 0;background-color:#fafafa}.mockup-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.mockup-card{padding:1.5rem;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.mobile-frame-container{display:flex;flex-direction:column;align-items:center;margin:2rem 0}.mobile-frame{width:375px;height:812px;background:#000;border-radius:40px;padding:8px;box-shadow:0 8px 32px #0000004d;position:relative}.mobile-header{height:44px;background:#fff;border-radius:32px 32px 0 0;position:relative}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 8px;font-size:14px;font-weight:600;color:#000}.status-left .time{font-family:-apple-system,BlinkMacSystemFont,sans-serif}.status-right{display:flex;align-items:center;gap:6px;font-size:12px}.signal-bars{display:flex;gap:2px;align-items:flex-end}.signal-bars .bar{width:3px;background:#000;border-radius:1px}.signal-bars .bar:nth-child(1){height:4px}.signal-bars .bar:nth-child(2){height:6px}.signal-bars .bar:nth-child(3){height:8px}.signal-bars .bar:nth-child(4){height:10px}.mobile-screen{height:688px;background:#fff;overflow-y:auto;position:relative}.mobile-footer{height:72px;background:#fff;border-radius:0 0 32px 32px;display:flex;justify-content:center;align-items:flex-end;padding-bottom:12px}.home-indicator{width:134px;height:5px;background:#000;border-radius:3px}.mobile-label{margin-top:1rem;text-align:center}.mobile-label h3{margin:0;color:var(--gray-600);font-size:1rem}.mobile-content{padding:1rem;min-height:100vh;display:flex;flex-direction:column;box-sizing:border-box}.mobile-app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--gray-100);margin-bottom:1rem}.mobile-app-title{font-size:1.5rem;font-weight:700;color:var(--gray-800);margin:0}.mobile-screens-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(375px,1fr));gap:3rem;justify-items:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:2rem;background-color:var(--primary);border-bottom:1px solid var(--primary-dark)}.app-header h1{margin:0;color:#fff;font-size:2rem}.app-main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}