:root{--bg-app:#f6f8fc;--surface:#ffffffe0;--surface-glass:#ffffffb8;--primary:#1463e6;--primary-hover:#004cba;--secondary:#00629e;--text-primary:#102044;--text-secondary:#5e6c86;--success:#26b978;--success-bg:#26b9781a;--warning:#d99214;--warning-bg:#d992141a;--error:#e5484d;--error-bg:#e5484d1a;--outline:#737786;--outline-variant:#c2c6d7;--border-light:#10204414;--font-family-title:"Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;--font-family-body:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #00000005;--shadow-md:0 4px 6px -1px #1020440d, 0 2px 4px -1px #10204408;--shadow-lg:0 10px 15px -3px #10204414, 0 4px 6px -2px #1020440a;--transition-fast:.15s ease;--transition-normal:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);font-family:var(--font-family-body);background-color:#0b0f19;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:hidden}button,a,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline-offset:2px;outline:3px solid #1463e659}.mobile-simulator{background-color:var(--bg-app);border-radius:40px;flex-direction:column;width:390px;height:844px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 12px #1f293d}@media (max-width:480px){body{background-color:var(--bg-app)}.mobile-simulator{width:100vw;height:100dvh;box-shadow:none;border-radius:0}.simulator-content{padding:14px;padding-bottom:calc(90px + env(safe-area-inset-bottom))}}@media (max-width:360px){.simulator-content{padding-inline:10px}.btn{padding-inline:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.simulator-content{-webkit-overflow-scrolling:touch;padding:16px;flex-direction:column;flex:1;gap:16px;padding-bottom:90px;display:flex;overflow-y:auto}.simulator-content::-webkit-scrollbar{width:4px}.simulator-content::-webkit-scrollbar-track{background:0 0}.simulator-content::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#10204426}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title);color:var(--text-primary);font-weight:700}p{color:var(--text-secondary);font-size:14px;line-height:1.5}.btn{border-radius:var(--radius-md);font-family:var(--font-family-body);cursor:pointer;transition:var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #004cba 100%);color:#fff;box-shadow:0 4px 10px #1463e633}.btn-primary:hover{opacity:.95;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--primary);background-color:#1463e614}.btn-secondary:hover{background-color:#1463e61f}.btn-destructive{background-color:var(--error-bg);color:var(--error)}.btn-destructive:hover{background-color:#e5484d26}.card{background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-normal);flex-direction:column;gap:12px;padding:16px;display:flex}.card:hover{box-shadow:var(--shadow-md);border-color:#1463e626}.badge{border-radius:var(--radius-full);justify-content:center;align-items:center;width:fit-content;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background-color:var(--success-bg);color:var(--success)}.badge-warning{background-color:var(--warning-bg);color:var(--warning)}.badge-error{background-color:var(--error-bg);color:var(--error)}.badge-neutral{color:var(--text-secondary);background-color:#5e6c8614}.form-group{flex-direction:column;gap:6px;width:100%;display:flex}.form-label{color:var(--text-secondary);font-size:12px;font-weight:600}.form-control{border:1px solid var(--outline-variant);border-radius:var(--radius-md);font-family:var(--font-family-body);color:var(--text-primary);transition:var(--transition-fast);background-color:#fff;outline:none;width:100%;padding:12px;font-size:14px}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1463e626}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}