.App{min-height:100vh;display:flex;flex-direction:column}.header{background-color:var(--system-background);border-bottom:1px solid var(--border-color);padding:var(--spacing-m) 0;position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between}@media (max-width: 480px){.header-content{flex-wrap:wrap;gap:var(--spacing-s)}.header-content nav{width:100%;display:flex;gap:var(--spacing-s)}.header-content .btn{flex:1;padding:var(--spacing-m) var(--spacing-l);font-size:var(--font-size-m)}}.logo{font-size:var(--font-size-xxl);font-weight:700;color:var(--primary-color);text-decoration:none}.logo:hover{color:#e6850e}.main{flex:1;padding:var(--spacing-xl) 0}.footer{background-color:var(--system-gray);padding:var(--spacing-l) 0;margin-top:auto}.footer-content{text-align:center;color:var(--text-secondary);font-size:var(--font-size-s)}:root{--primary-color: #ff9500;--secondary-text-color: #8e8e93;--inverse-text-color: #ffffff;--secondary-background-color: rgba( 255, 149, 0, .61 );--system-background: #ffffff;--system-gray: #f2f2f7;--text-primary: #000000;--text-secondary: #8e8e93;--border-color: #c6c6c8;--error-color: #ff3b30;--success-color: #34c759;--spacing-xs: 4px;--spacing-s: 8px;--spacing-m: 16px;--spacing-l: 24px;--spacing-xl: 32px;--border-radius-s: 8px;--border-radius-m: 12px;--border-radius-l: 18px;--font-size-xs: 10px;--font-size-s: 12px;--font-size-m: 14px;--font-size-l: 16px;--font-size-xl: 18px;--font-size-xxl: 24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--system-background);color:var(--text-primary);line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-m)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-m) var(--spacing-xl);border:none;border-radius:var(--border-radius-l);font-size:var(--font-size-l);font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;min-height:44px}.btn-primary{background-color:var(--primary-color);color:var(--inverse-text-color);box-shadow:0 2px 4px #ff950033}.btn-primary:hover{background-color:#e6850e;transform:translateY(-1px);box-shadow:0 4px 8px #ff95004d}.btn-secondary{background-color:var(--system-gray);color:var(--text-primary)}.btn-secondary:hover{background-color:#e5e5ea}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.input{width:100%;padding:var(--spacing-m);border:1px solid var(--border-color);border-radius:var(--border-radius-m);font-size:var(--font-size-l);background-color:var(--system-background);transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff95001a}.input.error{border-color:var(--error-color)}.card{background-color:var(--system-background);border-radius:var(--border-radius-l);box-shadow:0 2px 8px #0000001a;padding:var(--spacing-xl);margin:var(--spacing-m) 0}.text-center{text-align:center}.text-error{color:var(--error-color)}.text-success{color:var(--success-color)}.text-secondary{color:var(--text-secondary)}.mb-s{margin-bottom:var(--spacing-s)}.mb-m{margin-bottom:var(--spacing-m)}.mb-l{margin-bottom:var(--spacing-l)}.mt-s{margin-top:var(--spacing-s)}.mt-m{margin-top:var(--spacing-m)}.mt-l{margin-top:var(--spacing-l)}